Hemant Vishwakarma: June 2016

Monday 27 June 2016

Yii2 - Getting bad request (#400) on ajax calls

public function beforeAction($action) {
    $this->enableCsrfValidation = false;
    return parent::beforeAction($action);
}

Yii2 - Getting bad request (#400) on ajax calls

Friday 24 June 2016

jQuery onclick toggle class name



<!doctype html>



<html lang="en">



<head>



  <meta charset="utf-8">



  <title>toggleClass demo</title>



  <style>



  p {



    margin: 4px;



    font-size: 16px;



    font-weight: bolder;



    cursor: pointer;



  }



  .blue {



    color: blue;



  }



  .highlight {



    background: yellow;



  }



  </style>



  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>



</head>



<body>



 



<p class="blue">Click to toggle</p>



<p class="blue highlight">highlight</p>



<p class="blue">on these</p>



<p class="blue">paragraphs</p>



 



<script>



$( "p" ).click(function() {



  $( this ).toggleClass( "highlight" );



});



</script>



 



</body>



</html>

jQuery onclick toggle class name

Tuesday 21 June 2016

jquery img tag add Jquery :: jQuery add image inside of div tag

jquery img tag add Jquery :: jQuery add image inside of div tag

$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')

Add image source in Jquery :: jquery image src add

Add image source in Jquery

jquery image src add

var src1 = '<%=Url.Content(Server.MapPath("~/AppData/1.jpg"))%>';

$("#imgLocation").attr("src", src1);

Monday 20 June 2016

Google Material Design Input Boxes

Google’s material design was practically built for clean animation. Luckily other developers have taken notice and crafted some exquisite ideas like this CSS3 material design web form
HTML

<div class="container">

<h2>Google Material Design in CSS3<small>Inputs</small></h2>

<form>

<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Name</label>
</div>

<div class="group">
<input type="text" required>
<span class="highlight"></span>
<span class="bar"></span>
<label>Email</label>
</div>

</form>

<p class="footer">
a <a href="http://scotch.io/tutorials/css/google-material-design-input-boxes-in-css3" target="_blank">tutorial</a> by <a href="http://scotch.io" target="_blank">scotch.io</a>
</p>

</div>

CSS

* { box-sizing:border-box; }

/* basic stylings ------------------------------------------ */
body { background:url(http://scotch.io/wp-content/uploads/2014/07/61.jpg); }
.container {
font-family:'Roboto';
width:600px;
margin:30px auto 0;
display:block;
background:#FFF;
padding:10px 50px 50px;
}
h2 {
text-align:center;
margin-bottom:50px;
}
h2 small {
font-weight:normal;
color:#888;
display:block;
}
.footer { text-align:center; }
.footer a { color:#53B2C8; }

/* form starting stylings ------------------------------- */
.group {
position:relative;
margin-bottom:45px;
}
input {
font-size:18px;
padding:10px 10px 10px 5px;
display:block;
width:300px;
border:none;
border-bottom:1px solid #757575;
}
input:focus { outline:none; }

/* LABEL ======================================= */
label {
color:#999;
font-size:18px;
font-weight:normal;
position:absolute;
pointer-events:none;
left:5px;
top:10px;
transition:0.2s ease all;
-moz-transition:0.2s ease all;
-webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label {
top:-20px;
font-size:14px;
color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar { position:relative; display:block; width:300px; }
.bar:before, .bar:after {
content:'';
height:2px;
width:0;
bottom:1px;
position:absolute;
background:#5264AE;
transition:0.2s ease all;
-moz-transition:0.2s ease all;
-webkit-transition:0.2s ease all;
}
.bar:before {
left:50%;
}
.bar:after {
right:50%;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
position:absolute;
height:60%;
width:100px;
top:25%;
left:0;
pointer-events:none;
opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
-webkit-animation:inputHighlighter 0.3s ease;
-moz-animation:inputHighlighter 0.3s ease;
animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}
@keyframes inputHighlighter {
from { background:#5264AE; }
to { width:0; background:transparent; }
}

Google Material Design Input Boxes

Saturday 18 June 2016

Yii2 - Getting bad request (#400) on ajax calls

This Controller is paste

public function beforeAction($action) {
    $this->enableCsrfValidation = false;
    return parent::beforeAction($action);
}

Yii2 - Getting bad request (#400) on ajax calls

Codeigniter “No input file specified.” error when submitting form?

Change your .htaccess to look like this

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?/$1 [L,QSA]

Notice the ? mark in the last line. Previously this line was something like this RewriteRule ^(.*)$ index.php/$1 [L]

Also make sure to add this line RewriteBase / in your .htaccess

Codeigniter “No input file specified.” error when submitting form?