-----------------------------
version scriptjava
Code:
if($ver>20111101) {
//code
}
-----------------------------
Runs when the document is loaded
Code:
$$r(function() {
//code
});
-----------------------------
Code:
$$('result').$$('text');
or
Code:
$$('result','text');
= =
Code:
document.getElementById('result').innerHTML='text';
-----------------------------
Code:
$$('result').$$('color','#ff0000');
or
Code:
$$('result','color','#ff0000');
= =
Code:
document.getElementById('result').color='#ff0000';
-----------------------------
= =
-----------------------------
Code:
$$('result').$$('text').$$('color','#ff0000');
or
Code:
$$('result','text').$$('color','#ff0000');
or
Code:
$$('result','color','#ff0000').$$('text');
or
Code:
$$('result').$$('color','#ff0000').$$('text');
= =
Code:
document.getElementById('result').innerHTML='text';
document.getElementById('result').color='#ff0000';
-----------------------------
Code:
$$($$($$($$($$($$($$('result')))))))
= =
= =
Code:
document.getElementById('result')
-----------------------------
Code:
document.getElementById('result').innerHTML='text';
document.getElementById('result').color='#ff0000';
document.getElementById('result_x').innerHTML='textxxxxx';
document.getElementById('result_x').color='#ffff00';
= =
Code:
$$('result').$$('color','#ff0000').$$('text').$$().$$('result_x').$$('color','#ffff00').$$('textxxxxx');
or
Code:
$$('result').$$('color','#ff0000').$$('text');
$$('result_x').$$('color','#ffff00').$$('textxxxxx');
or
Code:
$$('result','color','#ff0000').$$('text').$$().$$('result_x','color','#ffff00').$$('textxxxxx');
-----------------------------
AJAX POST GET HEAD
Code:
$$a({
type:'get',//get,post or head
url:'ajax.php',//url
data:{'q':'1','z':'2'},//parameters
response:'text',//text or xml
header:{//if response:'xml'
'Content-Type':'application/x-www-form-urlencoded; charset=windows-1251',
'Referer':location.href
},
async:true,
username:'',
password:'',
errrep:true,
error:function(num) {
var arr=['Your browser does not support Ajax',
'Request failed',
'Address does not exist',
'The waiting time left'];
alert(arr[num]);
},
status:function (number) {
//alert(number);
},
endstatus:function (number) {
//alert(number);
},
success:function (data) {
//alert(data);
},
timeout:5000
});
-----------------------------
Post File AJAX
Code:
<form id="test_form" method="post" enctype="multipart/form-data">
<input type="file" name="upload_file" />
</form><br /><br />
<div id="status">status</div><br /><br />
<div onclick="SendFile();">Send Ajax</div><br />
Code:
function SendFile() {
$$f({
formid:'test_form',//id form
url:'ajax.php',//url form
onstart:function () {//on start
$$('status','starting');
},
onsend:function () {//on send
$$('status',$$('status').innerHTML+'<br />file has been sent');
}
});
}
Code:
<?php
if($_FILES['upload_file']['size']>0) {
echo '
<script type="text/javascript">
var elm=parent.window.document.getElementById("status");
elm.innerHTML=elm.innerHTML+"<br />received the file '.$_FILES['upload_file']['name'].' size '.$_FILES['upload_file']['size'].' byte";
</script>
';
}
?>
-----------------------------
Post Form AJAX
Code:
<form id="test_form" action="comment.php" method="post">
Name: <input type="text" name="name" /><br />
comment: <textarea name="comment"></textarea>
</form><br /><br />
<div id="status">status</div><br /><br />
<div onclick="SendForm();">Send Form</div><br />
Code:
function SendForm() {
$$f({
formid:'test_form',//id form
url:'comment.php',//script url
onstart:function () {//on start
$$('status','starting');
},
onsend:function () {//on send
$$('status',$$('status').innerHTML+'<br />comment has been sent');
}
});
}
Code:
<?php
if(isset($_POST['name'])) {
echo'
<script type="text/javascript">
var elm=parent.window.document.getElementById("status");
elm.innerHTML=elm.innerHTML+"<br />received the name '.str_replace("r","",str_replace("n","<br />",htmlspecialchars(stripslashes($_POST['name'])))).' comment '.str_replace("r","",str_replace("n","<br />",htmlspecialchars(stripslashes($_POST['comment'])))).' ";
</script>
';
}
?>
-----------------------------
Code:
$$i({
create:'script',//create script
attribute: {
'type':'text/javascript',
'src':'nagon.net/js/NRMSLib.js'
},
insert:$$().body,//insert body
onready:function() {//onready
modules.sound.start();
}
});
Code:
var script = $$i({
create:'script',
attribute: {
'type':'text/javascript',
'src':'nagon.net/js/NRMSLib.js'
},
insert:$$().body,
onready:function() {/
modules.sound.start();
}
});
alert(script.src);
alert(script.type);
Code:
$$().body.removeChild(script);
-----------------------------
Code:
$$i().$$('alert("its work!!!");');
= =
Code:
eval('alert("its work!!!");');
but not eval
-----------------------------
Code:
$$i({
create:'link',//создаю элемент link
attribute: {//устанавливаю атрибуты
'rel':'stylesheet',
'type':'text/css',
'href':'style.css'
},
insert:$$s.getelbytag('head')[0]//insert after head
});
Code:
var style = $$i({
create:'link',//создаю элемент link
attribute: {//устанавливаю атрибуты
'rel':'stylesheet',
'type':'text/css',
'href':'style.css'
},
insert:$$s.getelbytag('head')[0]//insert after head
});
-----------------------------
Code:
<style type="text/css">
body {
background-color:#000000;
}
</style>
= =
Code:
$$i({
create:'style',//создаю элемент style
attribute: {//устанавливаю атрибуты
'type':'text/css'
},
insert:$$s.getelbytag('head')[0]//подключаю стиль после тега head
}).$$('body {background-color:#000000;}');
-----------------------------
Code:
$$i({
create:'div',//create div
attribute: {},//attribute
insert:$$().body
}).$$('backgroundColor','#ff0000').$$('width','300px').$$('height','30px').$$('my new div');
Code:
var div = $$i({
create:'div',
attribute: {},
insert:$$().body
});
div.$$('backgroundColor','#ff0000').$$('width','300px').$$('height','30px').$$('my new div');
Code:
$$().body.removeChild(div);
-----------------------------
Code:
var div = $$i({
create:'div',
attribute: {},
insert:$$().body
});
div.$$('border','1px solid #ff0000');
var span = $$i({
create:'span',
attribute: {},
insert:div//insert in div
});
span.$$('backgroundColor','#000000').$$('text span').$$('color','#00ff00').$$('border','1px solid #0000ff');
Code:
div.removeChild(span);
$$().body.removeChild(div);
-----------------------------
test cookie
Code:
if($$c.test()) {
alert('browser supports cookie');
}
else {
alert('browser not support cookie');
}
set cookie
Code:
$$c.set('test', 'cookie test', 10);
where name=test value=cookie test time=10 seconds
Code:
$$c.set(name, value, Expires, Path, Domain, Secure);
get cookie
Code:
alert($$c.get('test'));
remove cookie
-----------------------------
events
Code:
<div id="my_id">click on me</div>
Code:
//add events
var my_event_1 = function(event) {
alert('event 1');
}
var my_event_2 = function(event) {
alert('event 2');
}
var my_event_3 = function(event) {
alert('event 3');
}
$$e.add($$('my_id'),'click',my_event_1);
$$e.add($$('my_id'),'click',my_event_2);
$$e.add($$('my_id'),'click',my_event_3);
//remove events
$$e.remove($$('my_id'),'click',my_event_2);
Code:
$$e.add($$('my_id'),'click',function() { alert('this event is not removed'); });
-----------------------------