this post is got from another blog. we try to use it, but we little confuse with that tutorial. so we create the better tutorial just for you.
fisrt what is FCKeditor? oh you can find it here. that is WYSIWYG Text and HTML Editor for the web
and what is CodeIgniter? well you can find it here. that is PHP framework.
now how to integrate it? let’s do this:
1. copy FCKeditor to your web directory.
2. use FCKeditor as javascript plugin. see the documentation.
this script is using for countdown (waiting) timer.
you can use for download script, website popUp, and other think.
let’s check it out.
this is the container or targer for countdown script:
<div id="antiteori">
<a href="#" onclick="return false;">link for what you want to go</a>
</div>
this is the javascript function
<script>
dn4 = 5; // how long the countdown
function countdown(){
if ((0 <= 100) || (0 > 0)){
dn4--;
if(dn4 == 0){
//countdown finished
document.getElementById('antiteori').innerHTML = "<a href=\"#\" onclick=\"return false;\">" + "My Link </a>";
}
if(dn4 > 0){
document.getElementById('antiteori').innerHTML = 'Please wait <font color="#FF0000"><b> ' + dn4 + '</b></font> second..';
setTimeout('countdown()',1000); //1000 is in mili seconds so it same as 1 second
}
}
}
countdown();
</script>
very easy eh?thats right!
This code is simply and easy to use,
and you can modify what you want.
thanks 4 reading….
insert this javascript in your page
javascript:setting
var sliderwidth="734px"
var sliderheight="130px"
var slidespeed=1
var slidebgcolor=""
var table_style="margin:auto;padding:0;"
var a_img_height=100
var a_img_width=125
var a_img_folder="images/"
var a_img_style="margin:10px 6px;float:left"javascript():create link with image
function linkimage(preview,thumnail){
alink = '<a href="'+a_img_folder+preview+'">'
alink += '<img align="absmiddle" src="'+a_img_folder+thumnail+'"'
alink += ' height="'+a_img_height+'" width="'+a_img_width+'"'
alink += ' style="'+a_img_style+'"></a>'
return alink
}
this is my exploration using jQuery, its about how to create menu without script in the html tag ^_^!
for this tutorial you must download JQuery script from JQuery.com

