Today I knew big difference between find $('ul').find('li:first') and find('li :first')
find('li:first') this will Return first li tag
find('li :fist') this will Return firlst tag of first li tag
Showing posts with label JQuery. Show all posts
Showing posts with label JQuery. Show all posts
Monday, November 17, 2014
Wednesday, October 22, 2014
Jquery extend function
This is somehow good when extend data and overwrite
var object1 = {apple: 0,banana: { weight: 52, price: 100 },cherry: 97};var object2 = {banana: { price: 200 },durian: 100};// Merge object2 into object1$.extend( object1, object2 );object1 data{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
Wednesday, January 8, 2014
html disable select option in jquery
<body>
<div>
<select id="org_type">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="place">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="area">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
// open
var open ={};
// org_type, place, area
open['9'] = [true, true, true];
open['0'] = [false, false, false];
open['1'] = [false, true, false];
open['3'] = [true, true, false];
$('#org_type').val(5);
$('#place').val(2);
$('#area').val(1);
checkAuth(open['3']);
});
function checkAuth(auth){
$("#org_type").attr("disabled", !auth[0]);
$("#place").attr("disabled", !auth[1]);
$("#area").attr("disabled", !auth[2]);
}
</script>
<div>
<select id="org_type">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="place">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select id="area">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
// open
var open ={};
// org_type, place, area
open['9'] = [true, true, true];
open['0'] = [false, false, false];
open['1'] = [false, true, false];
open['3'] = [true, true, false];
$('#org_type').val(5);
$('#place').val(2);
$('#area').val(1);
checkAuth(open['3']);
});
function checkAuth(auth){
$("#org_type").attr("disabled", !auth[0]);
$("#place").attr("disabled", !auth[1]);
$("#area").attr("disabled", !auth[2]);
}
</script>
Wednesday, July 17, 2013
Wednesday, February 20, 2013
Tuesday, January 15, 2013
jquery File Upload
<script type="text/javascript"
src="http://malsup.github.com/jquery.form.js"></script>
$(document) .ready(
function() {
$('#loading').hide();
$(function() {
$('#myForm').ajaxForm({
dataType : 'json',
beforeSend : function(xhr, o) {
$('#loading').show();
},
success : function(data) {
if (data.status == 0) {
alert('success');
$('#up_down_right').empty();
$('#up_down_right').append('<a href="'+ data.download_url + data.info.file_path+ data.info.file_name+ '">파일 다운 받기</a> ');
}else{
alert('fail' + data.status);
}
$('#loading').hide();
}
});
});
});
<form action="/api/v3/web/setting/create/fileUpload.json"
enctype="multipart/form-data" method="post" name="myForm" id="myForm" >
<label for="myFile">파일선택 : </label>
<input type="file" name="file" id="myFile" />
<input type="submit" value="확인" />
<input type="hidden" name="App-Agent" id="App-Agent"/>
<input type="hidden" name="AKey" id="AKey"/>
<input type="hidden" name="Access-Token" id="Access-Token"/>
</form>
Monday, October 22, 2012
Android Touch Effect From Jquery
It effects Good
if you want to touch from mobile web
$('.ccc').bind('touchstart', function() {
$(this).css("background-color","blue");
});
$('.ccc').bind('touchend', function() {
$(this).css("background-color","yellow");
});
Wednesday, October 17, 2012
Tuesday, October 16, 2012
Subscribe to:
Posts (Atom)