tag:blogger.com,1999:blog-61768689990292051632024-02-19T22:10:28.342-08:00TutorialBlogTutorijali,skripte i druge korisne stvari za blogFelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-6176868999029205163.post-54115024582076537912013-03-26T13:15:00.001-07:002013-03-26T13:15:05.962-07:00Slajdshow 2Primjer:
<br/>
<script language="javascript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="http://imageshack.us/a/img825/2838/filigranskokujundzijski.jpg"
randomimages[1]="http://img339.imageshack.us/img339/5621/abadzija2.jpg"
randomimages[2]="http://img705.imageshack.us/img705/6005/kazandzije3.jpg"
randomimages[3]="http://img194.imageshack.us/img194/6861/kazazi.jpg"
randomimages[4]="http://img163.imageshack.us/img163/8906/kovac.jpg"
randomimages[5]="http://img402.imageshack.us/img402/1590/vezilje4.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis da se slajdshow pojavi:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="javascript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="http://imageshack.us/a/img825/2838/filigranskokujundzijski.jpg"
randomimages[1]="http://img339.imageshack.us/img339/5621/abadzija2.jpg"
randomimages[2]="http://img705.imageshack.us/img705/6005/kazandzije3.jpg"
randomimages[3]="http://img194.imageshack.us/img194/6861/kazazi.jpg"
randomimages[4]="http://img163.imageshack.us/img163/8906/kovac.jpg"
randomimages[5]="http://img402.imageshack.us/img402/1590/vezilje4.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-50264551599552215322013-03-26T11:48:00.001-07:002013-03-26T11:51:06.313-07:00Prevodjenje na blogu-Google translatorPrimjer:
<!-- präsentiert von kostenlose-javascripts.de -->
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=de&w=160&h=60&title=&border=&output=js"></script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="kostenlose-javascripts.de" target="_blank"></a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->
<br/>
<br/>
Kopiraj i zalijepi gdje zelis da se prevoditelj pojavi:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- präsentiert von kostenlose-javascripts.de -->
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=de&w=160&h=60&title=&border=&output=js"></script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="kostenlose-javascripts.de" target="_blank"></a></div>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-1142029099080317852013-03-26T11:36:00.001-07:002013-03-26T11:45:17.174-07:00Poruka dobrodoslice 2Primjer:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var mein_text2 = 'DOBRODOSLI NA TUTORIAL BLOG';
/* ab hier nichts mehr ändern */
var Effekt_an = 0;
var Linkobjekt;
var Buchstaben = "\u00A00123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var Durchlauf = 0;
var gefundene_Buchstaben = new Array();
function initEffekt2() {
document.write('<span id="effekt2_span" style="font-family: Courier;" >');
for (var i = 0; i < mein_text2.length; i++)
{
document.write('-');
}
document.write('</span>');
Effekt_start2();
}
function Effekt_start2()
{
Linktext = mein_text2;
Linkobjekt = document.getElementById('effekt2_span');
if(Linkobjekt.innerHTML)
{
while(Linktext.indexOf(" ")>-1)
Linktext = Linktext.substring(0,Linktext.indexOf(" "))+"\u00A0"+Linktext.substring(Linktext.indexOf(" ")+1);
Abflugtafel_Effekt(Linktext.toUpperCase());
}
}
function Abflugtafel_Effekt(Linktext)
{
Linkobjekt = document.getElementById('effekt2_span');
var alle_Buchstaben = "";
for(var i=0;i<(Linktext+"*").lastIndexOf("*");i++)
{
if(gefundene_Buchstaben[i]!=Linktext.charAt(i))
gefundene_Buchstaben[i] = Buchstaben.charAt(Durchlauf);
alle_Buchstaben += gefundene_Buchstaben[i];
}
Linkobjekt.innerHTML = alle_Buchstaben;
Durchlauf++;
if(Durchlauf<37)
window.setTimeout("Abflugtafel_Effekt(\""+Linktext+"\")",50);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" target="_blank"></a></div>
<br />
<script type="text/javascript">initEffekt2();</script>
<!-- präsentiert von kostenlose-javascripts.de -->
<br/><br/>
Kopiraj i zalijepi gdje zelis da se poruka pojavi:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var mein_text2 = 'DOBRODOSLI NA TUTORIAL BLOG';
/* ab hier nichts mehr ändern */
var Effekt_an = 0;
var Linkobjekt;
var Buchstaben = "\u00A00123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var Durchlauf = 0;
var gefundene_Buchstaben = new Array();
function initEffekt2() {
document.write('<span id="effekt2_span" style="font-family: Courier;" >');
for (var i = 0; i < mein_text2.length; i++)
{
document.write('-');
}
document.write('</span>');
Effekt_start2();
}
function Effekt_start2()
{
Linktext = mein_text2;
Linkobjekt = document.getElementById('effekt2_span');
if(Linkobjekt.innerHTML)
{
while(Linktext.indexOf(" ")>-1)
Linktext = Linktext.substring(0,Linktext.indexOf(" "))+"\u00A0"+Linktext.substring(Linktext.indexOf(" ")+1);
Abflugtafel_Effekt(Linktext.toUpperCase());
}
}
function Abflugtafel_Effekt(Linktext)
{
Linkobjekt = document.getElementById('effekt2_span');
var alle_Buchstaben = "";
for(var i=0;i<(Linktext+"*").lastIndexOf("*");i++)
{
if(gefundene_Buchstaben[i]!=Linktext.charAt(i))
gefundene_Buchstaben[i] = Buchstaben.charAt(Durchlauf);
alle_Buchstaben += gefundene_Buchstaben[i];
}
Linkobjekt.innerHTML = alle_Buchstaben;
Durchlauf++;
if(Durchlauf<37)
window.setTimeout("Abflugtafel_Effekt(\""+Linktext+"\")",50);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" target="_blank"></a></div>
<br />
<script type="text/javascript">initEffekt2();</script>
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com1tag:blogger.com,1999:blog-6176868999029205163.post-71186517392721114552013-03-26T11:13:00.001-07:002013-03-26T11:34:22.665-07:00Rotirajuci linkoviPrimjer:
<br/>
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/
var Links55 = new Array();
var Beschreibungen55 = new Array();
var Zielfenster55 = new Array();
var Zaehler55 = 0;
var i55 = 0;
/***** HIER DIE EINSTELLUNGEN FÜR DIE ANZEIGE VORNEHMEN *****/
var Feldbreite55 = 300;
var Feldhoehe55 = 200;
var Schriftart55 = "Arial";
var Schriftgroesse55 = 20;
var kleinste_Schriftgroesse55 = 10;
var Rotationsrichtung55 = "unten";
var bewegen_um_Pixel55 = 4;
var Bewegungsintervall55 = 100;
/***** HIER DIE LINKS EINSTELLEN *****/
// LINK 1
Links55[i55] = "http://www.google.de";
Beschreibungen55[i55] = "Google";
Zielfenster55[i55++] = "_blank";
// LINK 2
Links55[i55] = "http://www.waluigi.homepage.eu";
Beschreibungen55[i55] = "Waluigis Homepage";
Zielfenster55[i55++] = "_blank";
// LINK 3
Links55[i55] = "http://www.affusvongorilla.homepage.eu";
Beschreibungen55[i55] = "Affus bunte Seiten";
Zielfenster55[i55++] = "_blank";
// LINK 4
Links55[i55] = "http://www.homepage.eu";
Beschreibungen55[i55] = "Homepage.eu";
Zielfenster55[i55++] = "_blank";
// WEITERE LINKS KÖNNEN NACH GLEICHEM SCHEMA EINGEBAUT WERDEN
/***** AB HIER NICHTS MEHR ÄNDERN *****/
if(Rotationsrichtung55=="oben")
bewegen_um_Pixel55 = -bewegen_um_Pixel55;
var Rotation_HTML55 = '%3Ctable border="0" width="'+Feldbreite55+'" style="height: '+Feldhoehe55+'px; position: relative">%3Ctr>%3Ctd>';
for(var j=0;j<i55;j++)
Rotation_HTML55 += '%3Cform name="Rotationsform55" style="font-family: '+Schriftart55+'; font-size: '+Schriftgroesse55+'px; text-align: center; width: '+Feldbreite55+'px; position: absolute; top: 0px; left: 0px">%3Ca target="'+(Zielfenster55[j] ? Zielfenster55[j]:'_parent')+'" href="'+Links55[j]+'">'+Beschreibungen55[j]+'%3C/a>%3C/form>';
document.write(unescape(Rotation_HTML55+'%3C/td>%3C/tr>%3C/table>'));
function Animation55()
{
for(var j=0;j<i55;j++)
{
with(i55>1 ? document.Rotationsform55[j].style:document.Rotationsform55.style)
{
fontSize = Math.round((Schriftgroesse55+kleinste_Schriftgroesse55)/2+Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*(Schriftgroesse55-kleinste_Schriftgroesse55)/2);
top = (Feldhoehe55/2-Schriftgroesse55/2)+Math.sin((Zaehler55+j*360/i55)/180*Math.PI)*(Feldhoehe55-Schriftgroesse55)/2+"px";
zIndex = Feldhoehe55/2+Math.round(Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*Feldhoehe55/2);
}
}
Zaehler55 += bewegen_um_Pixel55;
window.setTimeout("Animation55()",Bewegungsintervall55);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter Vergleich" target="_blank"></a></div>
<br />
<script type="text/javascript">Animation55();</script>
<!-- präsentiert von kostenlose-javascripts.de -->
<br/><br/>
Kopiraj i zalijepi gdje zelis da se rotirajuci linkovi pojave:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/
var Links55 = new Array();
var Beschreibungen55 = new Array();
var Zielfenster55 = new Array();
var Zaehler55 = 0;
var i55 = 0;
/***** HIER DIE EINSTELLUNGEN FÜR DIE ANZEIGE VORNEHMEN *****/
var Feldbreite55 = 300;
var Feldhoehe55 = 200;
var Schriftart55 = "Arial";
var Schriftgroesse55 = 20;
var kleinste_Schriftgroesse55 = 10;
var Rotationsrichtung55 = "unten";
var bewegen_um_Pixel55 = 4;
var Bewegungsintervall55 = 100;
/***** HIER DIE LINKS EINSTELLEN *****/
// LINK 1
Links55[i55] = "http://www.google.de";
Beschreibungen55[i55] = "Google";
Zielfenster55[i55++] = "_blank";
// LINK 2
Links55[i55] = "http://www.waluigi.homepage.eu";
Beschreibungen55[i55] = "Waluigis Homepage";
Zielfenster55[i55++] = "_blank";
// LINK 3
Links55[i55] = "http://www.affusvongorilla.homepage.eu";
Beschreibungen55[i55] = "Affus bunte Seiten";
Zielfenster55[i55++] = "_blank";
// LINK 4
Links55[i55] = "http://www.homepage.eu";
Beschreibungen55[i55] = "Homepage.eu";
Zielfenster55[i55++] = "_blank";
// WEITERE LINKS KÖNNEN NACH GLEICHEM SCHEMA EINGEBAUT WERDEN
/***** AB HIER NICHTS MEHR ÄNDERN *****/
if(Rotationsrichtung55=="oben")
bewegen_um_Pixel55 = -bewegen_um_Pixel55;
var Rotation_HTML55 = '%3Ctable border="0" width="'+Feldbreite55+'" style="height: '+Feldhoehe55+'px; position: relative">%3Ctr>%3Ctd>';
for(var j=0;j<i55;j++)
Rotation_HTML55 += '%3Cform name="Rotationsform55" style="font-family: '+Schriftart55+'; font-size: '+Schriftgroesse55+'px; text-align: center; width: '+Feldbreite55+'px; position: absolute; top: 0px; left: 0px">%3Ca target="'+(Zielfenster55[j] ? Zielfenster55[j]:'_parent')+'" href="'+Links55[j]+'">'+Beschreibungen55[j]+'%3C/a>%3C/form>';
document.write(unescape(Rotation_HTML55+'%3C/td>%3C/tr>%3C/table>'));
function Animation55()
{
for(var j=0;j<i55;j++)
{
with(i55>1 ? document.Rotationsform55[j].style:document.Rotationsform55.style)
{
fontSize = Math.round((Schriftgroesse55+kleinste_Schriftgroesse55)/2+Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*(Schriftgroesse55-kleinste_Schriftgroesse55)/2);
top = (Feldhoehe55/2-Schriftgroesse55/2)+Math.sin((Zaehler55+j*360/i55)/180*Math.PI)*(Feldhoehe55-Schriftgroesse55)/2+"px";
zIndex = Feldhoehe55/2+Math.round(Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*Feldhoehe55/2);
}
}
Zaehler55 += bewegen_um_Pixel55;
window.setTimeout("Animation55()",Bewegungsintervall55);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter Vergleich" target="_blank"></a></div>
<br />
<script type="text/javascript">Animation55();</script>
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-60369383807040828442013-03-26T10:42:00.001-07:002013-03-26T11:08:09.270-07:00Cursor sa zvjezdastim tragomPrimjer:
<br/>
Povuci misem preko posta..
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var colour="#f0f"; // Farbe des Feenstaubes
var sparkles=50; // Anzahl der "Staubflocken"
/*****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
* AB HIER NICHTS MEHR ÄNDERN *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/lte-smartphones-von-vodafone.html" title="LTE Smartphones von Vodafone" target="_blank"></a></div>
<br />
<script type="text/javascript">document.onmousemove=mouse;</script>
<!-- präsentiert von kostenlose-javascripts.de -->
<br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var colour="#f0f"; // Farbe des Feenstaubes
var sparkles=50; // Anzahl der "Staubflocken"
/*****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
* AB HIER NICHTS MEHR ÄNDERN *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/lte-smartphones-von-vodafone.html" title="LTE Smartphones von Vodafone" target="_blank"></a></div>
<br />
<script type="text/javascript">document.onmousemove=mouse;</script>
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-50210399848180445762013-03-26T10:31:00.003-07:002013-03-26T10:39:25.689-07:00SlajdShow trakaPrimjer:
<br/>
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var sliderwidth = 550;
var sliderheight = 80;
var slidespeed = 1;
var slidebgcolor = "#FFFFFF";
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="/0001.html"><img src="/0001.jpg"></a>';
leftrightslide[i++] = '<a href="/0004.html"><img src="/0004.jpg"></a>';
leftrightslide[i++] = '<a href="/0005.html"><img src="/0005.jpg"></a>';
leftrightslide[i++] = '<a href="/0006.html"><img src="/0006.jpg"></a>';
leftrightslide[i++] = '<a href="/0010.html"><img src="/0010.jpg"></a>';
leftrightslide[i++] = '<a href="/0011.html"><img src="/0011.jpg"></a>';
leftrightslide[i++] = '<a href="/0012.html"><img src="/0012.jpg"></a>';
leftrightslide[i++] = '<a href="/0013.html"><img src="/0013.jpg"></a>';
leftrightslide[i++] = '<a href="/0014.html"><img src="/0014.jpg"></a>';
leftrightslide[i++] = '<a href="/0015.html"><img src="/0015.jpg"></a>';
leftrightslide[i++] = '<a href="/0016.html"><img src="/0016.jpg"></a>';
leftrightslide[i++] = '<a href="/0023.html"><img src="/0023.jpg"></a>';
leftrightslide[i++] = '<a href="/0024.html"><img src="/0024.jpg"></a>';
leftrightslide[i++] = '<a href="/0026.html"><img src="/0026.jpg"></a>';
leftrightslide[i++] = '<a href="/0027.html"><img src="/0027.jpg"></a>';
leftrightslide[i++] = '<a href="/0030.html"><img src="/0030.jpg"></a>';
leftrightslide[i++] = '<a href="/0031.html"><img src="/0031.jpg"></a>';
leftrightslide[i++] = '<a href="/0033.html"><img src="/0033.jpg"></a>';
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideright()",30);
}
window.onload=fillup;
function slideright(){
if (iedom){
if (parseInt(cross_slide.style.left)<(actualwidth+8))
cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)-actualwidth+"px";
if (parseInt(cross_slide2.style.left)<(actualwidth+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)-actualwidth+"px";
}
else if (document.layers){
if (ns_slide.left<(actualwidth+8))
ns_slide.left+=copyspeed;
else
ns_slide.left=ns_slide2.left-actualwidth;
if (ns_slide2.left<(actualwidth+8))
ns_slide2.left+=copyspeed;
else
ns_slide2.left=ns_slide.left-actualwidth;
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
document.write('</div></div>');
}
else if (document.layers){
document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('</ilayer>');
}
document.write('</td></table>');
}
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/allnet-flat-vergleich.html" title="www.kostenlose-javascripts.de" target="_blank"></a></div>
<br />
<script type="text/javascript">function addEvent1135(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent1135(window,'load',fillup);</script>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis slajdshow traku:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
Primjer:
<br/>
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var sliderwidth = 550;
var sliderheight = 80;
var slidespeed = 1;
var slidebgcolor = "#FFFFFF";
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="/0001.html"><img src="/0001.jpg"></a>';
leftrightslide[i++] = '<a href="/0004.html"><img src="/0004.jpg"></a>';
leftrightslide[i++] = '<a href="/0005.html"><img src="/0005.jpg"></a>';
leftrightslide[i++] = '<a href="/0006.html"><img src="/0006.jpg"></a>';
leftrightslide[i++] = '<a href="/0010.html"><img src="/0010.jpg"></a>';
leftrightslide[i++] = '<a href="/0011.html"><img src="/0011.jpg"></a>';
leftrightslide[i++] = '<a href="/0012.html"><img src="/0012.jpg"></a>';
leftrightslide[i++] = '<a href="/0013.html"><img src="/0013.jpg"></a>';
leftrightslide[i++] = '<a href="/0014.html"><img src="/0014.jpg"></a>';
leftrightslide[i++] = '<a href="/0015.html"><img src="/0015.jpg"></a>';
leftrightslide[i++] = '<a href="/0016.html"><img src="/0016.jpg"></a>';
leftrightslide[i++] = '<a href="/0023.html"><img src="/0023.jpg"></a>';
leftrightslide[i++] = '<a href="/0024.html"><img src="/0024.jpg"></a>';
leftrightslide[i++] = '<a href="/0026.html"><img src="/0026.jpg"></a>';
leftrightslide[i++] = '<a href="/0027.html"><img src="/0027.jpg"></a>';
leftrightslide[i++] = '<a href="/0030.html"><img src="/0030.jpg"></a>';
leftrightslide[i++] = '<a href="/0031.html"><img src="/0031.jpg"></a>';
leftrightslide[i++] = '<a href="/0033.html"><img src="/0033.jpg"></a>';
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideright()",30);
}
window.onload=fillup;
function slideright(){
if (iedom){
if (parseInt(cross_slide.style.left)<(actualwidth+8))
cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)-actualwidth+"px";
if (parseInt(cross_slide2.style.left)<(actualwidth+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)-actualwidth+"px";
}
else if (document.layers){
if (ns_slide.left<(actualwidth+8))
ns_slide.left+=copyspeed;
else
ns_slide.left=ns_slide2.left-actualwidth;
if (ns_slide2.left<(actualwidth+8))
ns_slide2.left+=copyspeed;
else
ns_slide2.left=ns_slide.left-actualwidth;
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
document.write('</div></div>');
}
else if (document.layers){
document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('</ilayer>');
}
document.write('</td></table>');
}
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/allnet-flat-vergleich.html" title="www.kostenlose-javascripts.de" target="_blank">www.kostenlose-javascripts.de</a></div>
<br />
<script type="text/javascript">function addEvent1135(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent1135(window,'load',fillup);</script>
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-59737405765854038792013-03-26T10:24:00.001-07:002013-03-26T10:41:08.858-07:00Rotirajuce slikePrimjer:
<br/>
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Größe und Position anpassen
var zx,zy;
var mittex = 100;
var mittey = 50;
var radius = 100;
var speed = 2; // 1-10... + oder - für Richtung
var bilder_i = 0;
var bilder = new Array();
var alpha = new Array();
// hier die Bilder anpassen
// Syntax: Link-URL => Bild-URL
bilder[bilder_i++] = 'http://twitter.com/kostenlosejavas => http://www.kostenlose-javascripts.de/modules/mod_followme/images/followme_left.png';
bilder[bilder_i++] = 'http://de.jimdo.com/#ref=a869611 => http://www.kostenlose-javascripts.de/images/stories/logo_jimdo.gif';
bilder[bilder_i++] = 'http://www.kostenlose-javascripts.de => http://www.kostenlose-javascripts.de/images/stories/_melon.gif';
bilder[bilder_i++] = 'http://www.mozilla.com/firefox?from=sfx&uid=258744&t=331 => http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/125x125FF3.png';
// ab hier nichts mehr ändern
function initRotat() {
alpha_tmp = 0;
speed = speed / 1000;
for ( var i = 0; i < bilder.length; i++)
{
alpha[i] = 6.28 / (bilder.length) + alpha_tmp; // 0,1.6,3.2,4.8
var tmp = bilder[i].split(" => ");
document.write('<div id="icon'+i+'" style="position:absolute;"><a href="'+tmp[0]+'"><img src="'+tmp[1]+'" alt="" border="0" /></a></div>');
alpha_tmp = alpha[i];
}
}
function pol_zu_kart(mx,my,radius,alp)
{
zx = mx + (radius * Math.sin(alp));
zy = my + (radius * Math.cos(alp));
}
function weiterdrehen()
{
for (var i = 0; i < bilder.length; i++)
{
alpha[i]+=speed;
if (speed>0)
{
if(alpha[i]>6.28) alpha[i]-=6.28;
}
else
{
if(alpha[i]<0) alpha[i]+=6.28;
}
pol_zu_kart(mittex,mittey,radius,alpha[i]);
document.getElementById('icon'+i).style.top=zy+'px';
document.getElementById('icon'+i).style.left=zx+'px';
}
}
initRotat();
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="" target="_blank"></a></div>
<br />
<script type="text/javascript">status = window.setInterval("weiterdrehen()",10);</script>
<!-- präsentiert von kostenlose-javascripts.de -->
<br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/>
Kopiraj i zalijepi gdje zelis rotirajuce slike:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
// Größe und Position anpassen
var zx,zy;
var mittex = 100;
var mittey = 50;
var radius = 100;
var speed = 2; // 1-10... + oder - für Richtung
var bilder_i = 0;
var bilder = new Array();
var alpha = new Array();
// hier die Bilder anpassen
// Syntax: Link-URL => Bild-URL
bilder[bilder_i++] = 'http://twitter.com/kostenlosejavas => http://www.kostenlose-javascripts.de/modules/mod_followme/images/followme_left.png';
bilder[bilder_i++] = 'http://de.jimdo.com/#ref=a869611 => http://www.kostenlose-javascripts.de/images/stories/logo_jimdo.gif';
bilder[bilder_i++] = 'http://www.kostenlose-javascripts.de => http://www.kostenlose-javascripts.de/images/stories/_melon.gif';
bilder[bilder_i++] = 'http://www.mozilla.com/firefox?from=sfx&uid=258744&t=331 => http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/125x125FF3.png';
// ab hier nichts mehr ändern
function initRotat() {
alpha_tmp = 0;
speed = speed / 1000;
for ( var i = 0; i < bilder.length; i++)
{
alpha[i] = 6.28 / (bilder.length) + alpha_tmp; // 0,1.6,3.2,4.8
var tmp = bilder[i].split(" => ");
document.write('<div id="icon'+i+'" style="position:absolute;"><a href="'+tmp[0]+'"><img src="'+tmp[1]+'" alt="" border="0" /></a></div>');
alpha_tmp = alpha[i];
}
}
function pol_zu_kart(mx,my,radius,alp)
{
zx = mx + (radius * Math.sin(alp));
zy = my + (radius * Math.cos(alp));
}
function weiterdrehen()
{
for (var i = 0; i < bilder.length; i++)
{
alpha[i]+=speed;
if (speed>0)
{
if(alpha[i]>6.28) alpha[i]-=6.28;
}
else
{
if(alpha[i]<0) alpha[i]+=6.28;
}
pol_zu_kart(mittex,mittey,radius,alpha[i]);
document.getElementById('icon'+i).style.top=zy+'px';
document.getElementById('icon'+i).style.left=zx+'px';
}
}
initRotat();
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter Vergleich" target="_blank">DSL Anbieter Vergleich</a></div>
<br />
<script type="text/javascript">status = window.setInterval("weiterdrehen()",10);</script>
<!-- präsentiert von kostenlose-javascripts.de -->
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-80089078094728644242013-03-26T09:40:00.002-07:002013-03-26T09:51:32.928-07:00Zumiranje slikaPrimjer:
<br/>
Predji misem preko slicica:
<br/><br/>
<div class="ZoomIt">
<ul>
<li><a href="http://www.slapix.com/lol/i_gots_my_eye_on_you.aspx" title="I gots my eye on you"><img class="zit" src="http://www.slapix.com/img/i2m/i_gots_my_eye_on_you.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/take_my_advice.aspx" title="Paul McCartney"><img class="zit" src="http://www.slapix.com/img/i2m/take_my_advice.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/the_greatest_gift_of_all_is.aspx" title="George Harrison"><img class="zit" src="http://www.slapix.com/img/i2m/the_greatest_gift_of_all_is.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/i_ll_never_be_perfect.aspx" title="I'll never be perfect"><img class="zit" src="http://www.slapix.com/img/i2m/i_ll_never_be_perfect.jpg" /></a></li>
</ul>
<ul>
<li><a href="http://www.slapix.com/lol/where_s_my_hug_today.aspx" title="Where's my hug today"><img class="zit" src="http://www.slapix.com/img/i2m/where_s_my_hug_today.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/i_m_nice_until_you_screw_it_up.aspx" title="I'm a nice person"><img class="zit" src="http://www.slapix.com/img/i2m/i_m_nice_until_you_screw_it_up.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/karma_has_no_deadline.aspx" title="Karma has no deadline"><img class="zit" src="http://www.slapix.com/img/i2m/karma_has_no_deadline.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/you_are_beautiful.aspx" title="You are beautiful"><img class="zit" src="http://www.slapix.com/img/i2m/you_are_beautiful.jpg" /></a></li>
</ul>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
Kopiraj i zalijepi u css:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
.zit { position:relative; width:100px; height:80px; left:0px; top:0px; border:1px solid black; /* Apply a CSS3 Transition to width, height, top and left properties */ transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease; -webkit-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease; -o-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease; -moz-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease; } .zit:hover { width:150px; height:120px; left:-25px; top:-25px; z-index:9999; } .ZoomIt ul { clear:left; } .ZoomIt li { width:102px; height:82px; margin:4px; float: left; overflow:visible; display: block; }
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis da se slicice pojave:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<div class="ZoomIt">
<ul>
<li><a href="http://www.slapix.com/lol/i_gots_my_eye_on_you.aspx" title="I gots my eye on you"><img class="zit" src="http://www.slapix.com/img/i2m/i_gots_my_eye_on_you.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/take_my_advice.aspx" title="Paul McCartney"><img class="zit" src="http://www.slapix.com/img/i2m/take_my_advice.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/the_greatest_gift_of_all_is.aspx" title="George Harrison"><img class="zit" src="http://www.slapix.com/img/i2m/the_greatest_gift_of_all_is.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/i_ll_never_be_perfect.aspx" title="I'll never be perfect"><img class="zit" src="http://www.slapix.com/img/i2m/i_ll_never_be_perfect.jpg" /></a></li>
</ul>
<ul>
<li><a href="http://www.slapix.com/lol/where_s_my_hug_today.aspx" title="Where's my hug today"><img class="zit" src="http://www.slapix.com/img/i2m/where_s_my_hug_today.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/i_m_nice_until_you_screw_it_up.aspx" title="I'm a nice person"><img class="zit" src="http://www.slapix.com/img/i2m/i_m_nice_until_you_screw_it_up.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/karma_has_no_deadline.aspx" title="Karma has no deadline"><img class="zit" src="http://www.slapix.com/img/i2m/karma_has_no_deadline.jpg" /></a></li>
<li><a href="http://www.slapix.com/lol/you_are_beautiful.aspx" title="You are beautiful"><img class="zit" src="http://www.slapix.com/img/i2m/you_are_beautiful.jpg" /></a></li>
</ul>
</div>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-29984639790610906082013-03-25T01:47:00.002-07:002013-03-25T01:54:51.161-07:00Animirani Popup prozori 2Primjer:
<br/>
Klikni:
<br/>
<br/>
<SCRIPT language=JavaScript>
<!-- Begin
//Animated Window- By Rizwan Chand (rizwanchand@hotmail.com)
//Modified by DD for NS compatibility
//Visit http://www.dynamicdrive.com for this script
function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 10; // distance to left edge of window
var topdist = 10; // distance to top edge of window
if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
// End -->
</SCRIPT>
<!-- set up your links, either via text links or form buttons-->
<a href="#" onClick="expandingWindow('http://www.youtube.com/');return false">Youtube.com</a><br>
<form>
<input type="button" value="Google.com" onClick="expandingWindow('https://www.google.com/')">
</form>
<br/>
<br/>
<br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<SCRIPT language=JavaScript>
<!-- Begin
//Animated Window- By Rizwan Chand (rizwanchand@hotmail.com)
//Modified by DD for NS compatibility
//Visit http://www.dynamicdrive.com for this script
function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 10; // distance to left edge of window
var topdist = 10; // distance to top edge of window
if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
// End -->
</SCRIPT>
</textarea><br />
</form>
<br/>
<br/>
<br/>
Kopiraj i zalijepi gdje zelis da se PopUp pojavi:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- set up your links, either via text links or form buttons-->
<a href="#" onClick="expandingWindow('http://www.youtube.com/');return false">Youtube.com</a><br>
<form>
<input type="button" value="Google.com" onClick="expandingWindow('https://www.google.com/')">
</form>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-34249049006435717682013-03-25T01:35:00.001-07:002013-03-25T01:45:56.034-07:00Animirani Popup prozoriPrimjer:
<br/>
Klikni na jedan od linkova:
<br/>
<script>
<!--
var winheight=100
var winsize=100
var x=8
/*
Animated Window Opener Script (updated 00/04/24)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>
<p><a href="javascript:openwindow('http://www.youtube.com/')">Otvori Youtube</a>
<p><a href="javascript:openwindow('http://cnn.com')">Otvori CNN</a>
<br/>
<br/><br/>
Kopiraj i zalijepi gdje zelis postaviti animirane PopUp linkove:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script>
<!--
var winheight=100
var winsize=100
var x=8
/*
Animated Window Opener Script (updated 00/04/24)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>
<p><a href="javascript:openwindow('http://www.youtube.com/')">Otvori Youtube</a>
<p><a href="javascript:openwindow('http://cnn.com')">Otvori CNN</a>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-64887484206885251692013-03-25T01:05:00.002-07:002013-03-25T01:31:16.542-07:00Otvaranje linkova u Pop up prozorimaPrimjer:
<br/>
Klikni na neki od linkova:
<br/>
<script language="javascript">
/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>
<a href="http://tutorialzablog.blogspot.com/" onclick="NewWindow(this.href,'name','400','400','yes');return false">Tutorial Blog</a>
<br/>
<a href="http://www.youtube.com/" onclick="NewWindow(this.href,'name','400','400','yes');return false">youtube.com</a>
<br/>
<a href="http://imageshack.us/" onclick="NewWindow(this.href,'name','400','400','yes');return false">ImageShack</a>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="javascript">
/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis postaviti linkove:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<a href="http://tutorialzablog.blogspot.com/" onclick="NewWindow(this.href,'name','400','400','yes');return false">Tutorial Blog</a>
<br/>
<a href="http://www.youtube.com/" onclick="NewWindow(this.href,'name','400','400','yes');return false">youtube.com</a>
<br/>
<a href="http://imageshack.us/" onclick="NewWindow(this.href,'name','400','400','yes');return false">ImageShack</a>
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-29272121182555656612013-03-25T00:56:00.001-07:002013-03-25T01:03:33.735-07:00Talasasta tekst porukaPrimjer:
<br/>
<script language="JavaScript">
/*
script edited by David Gardner (toolmandav@geocities.com)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/
//put your text here
var theText = "Tutorial Blog";
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<div ID="theDiv" align="center">
</div>
<body onload="doWave(0)">
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="JavaScript">
/*
script edited by David Gardner (toolmandav@geocities.com)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/
//put your text here
var theText = "OVDJE IDE VAS TEXT";
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<div ID="theDiv" align="center">
</div>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<body onload="doWave(0)">
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-74812254710004014792013-03-25T00:41:00.002-07:002013-03-25T00:59:08.734-07:00Kucajuca poruka dobrodoslice
Primjer:
<br/>
<h2 id="fly">Dobrodosli na TutorialBlog!$Hvala na posjeti!$FelixTutor</h2>
<script type="text/javascript">
//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com
//Configure message to display. Use "$" for linebreak
//By default, set to just grab the text from element with ID="fly"
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds
var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("fly");
function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
else
txt += "<br>";
}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();
}
function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
then.style.top = flyofto - then.offsetTop + distance;
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);
}
}
function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2);
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1);
}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2);
else
document.getElementById(target).style.top = Math.floor(top2 + 1);
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}
stfly()
</script>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis da se pojavi kucajuca poruka:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<h2 id="fly">OVDJE IDE PRVI REDAK PORUKE..$..OVDJE DRUGI..$..TRECI..</h2>
<script type="text/javascript">
//Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
//For this script and more, visit Dynamic Drive: http://www.dynamicdrive.com
//Configure message to display. Use "$" for linebreak
//By default, set to just grab the text from element with ID="fly"
message = document.getElementById("fly").innerHTML; // $ = taking a new line
distance = 50; // pixel(s)
speed = 200; // milliseconds
var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("fly");
function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
else
txt += "<br>";
}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();
}
function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2;
then.style.top = flyofto - then.offsetTop + distance;
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);
}
}
function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2);
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1);
}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2);
else
document.getElementById(target).style.top = Math.floor(top2 + 1);
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)
}
}
stfly()
</script>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-9206697499891289162013-03-24T07:46:00.001-07:002013-03-25T00:50:37.065-07:00Matrix tekst -padajuca slova
Primjer:
Sacekaj 10-15 sec. dok se padajuca slova sloze..
<br/>
<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>
<script type="text/javascript" language="JavaScript">
<!--
var rows=11; // must be an odd number
var speed=50; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="default" //enter "center" to center it.
/***********************************************
* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
if (!w3c && !ie45) return
var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
if (w3c) {
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
ma_tab=document.createElement("table");
ma_tab.setAttribute("border", 0);
ma_tab.setAttribute("align", effectalign);
ma_tab.style.backgroundColor="#000000";
ma_bod=document.createElement("tbody");
for (x=0; x<rows; x++) {
ma_row=document.createElement("tr");
for (y=0; y<columns; y++) {
matemp=document.createElement("td");
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matrix";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
ma_row.appendChild(matemp);
}
ma_bod.appendChild(ma_row);
}
ma_tab.appendChild(ma_bod);
matrix.appendChild(ma_tab);
} else {
ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
for (var x=0; x<rows; x++) {
ma_tab+='<t'+'r>';
for (var y=0; y<columns; y++) {
ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';
}
ma_tab+='</'+'tr>';
}
ma_tab+='</'+'table>';
matrix.innerHTML=ma_tab;
}
ma_cho=ma_txt;
for (x=0; x<columns; x++) {
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
ma_bod=setInterval("mytricks()", speed);
}
function mytricks() {
x=0;
for (y=0; y<columns; y++) {
x=x+(m_copo[y]==100);
ma_row=m_copo[y]%100;
if (ma_row && m_copo[y]<100) {
if (ma_row<rows+1) {
if (w3c) {
matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
}
else {
matemp=document.all["Mx"+(ma_row-1)+"y"+y];
matemp.innerHTML=m_coch[y];
}
matemp.style.color="#33ff66";
matemp.style.fontWeight="bold";
}
if (ma_row>1 && ma_row<rows+2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
if (ma_row>2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
matemp.style.color="#009900";
}
if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (ma_row<rows+2) m_copo[y]++;
else if (m_copo[y]<100) m_copo[y]=0;
}
else if (Math.random()>0.9 && m_copo[y]<100) {
m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columns) clearInterval(ma_bod);
}
function zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(rows/2)+1) {
for (ytmp=0; ytmp<rows; ytmp++) {
if (w3c) {
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
}
else {
mtmp=document.all["Mx"+ytmp+"y"+ycol];
mtmp.innerHTML=m_coch[ycol];
}
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
}
if (Math.random()<reveal) {
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
}
if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]>200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
}
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
if (m_copo[ycol]>100 && m_copo[ycol]<200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue=String.fromCharCode(160);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
mtmp.innerHTML=String.fromCharCode(160);
mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("zoomer("+ycol+")", speed);
}
}
// -->
</script>
<div id="matrix">Tutorial Blog</div>
<br/><br/>
<br/>
<span style="color:red">Kopiraj i zalijepi u head tag:</span>
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px;}
</style>
<script type="text/javascript" language="JavaScript">
<!--
var rows=11; // must be an odd number
var speed=50; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="default" //enter "center" to center it.
/***********************************************
* The Matrix Text Effect- by Richard Womersley (http://www.mf2fm.co.uk/rv)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
if (!w3c && !ie45) return
var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
if (w3c) {
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
ma_tab=document.createElement("table");
ma_tab.setAttribute("border", 0);
ma_tab.setAttribute("align", effectalign);
ma_tab.style.backgroundColor="#000000";
ma_bod=document.createElement("tbody");
for (x=0; x<rows; x++) {
ma_row=document.createElement("tr");
for (y=0; y<columns; y++) {
matemp=document.createElement("td");
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matrix";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
ma_row.appendChild(matemp);
}
ma_bod.appendChild(ma_row);
}
ma_tab.appendChild(ma_bod);
matrix.appendChild(ma_tab);
} else {
ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
for (var x=0; x<rows; x++) {
ma_tab+='<t'+'r>';
for (var y=0; y<columns; y++) {
ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';
}
ma_tab+='</'+'tr>';
}
ma_tab+='</'+'table>';
matrix.innerHTML=ma_tab;
}
ma_cho=ma_txt;
for (x=0; x<columns; x++) {
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
ma_bod=setInterval("mytricks()", speed);
}
function mytricks() {
x=0;
for (y=0; y<columns; y++) {
x=x+(m_copo[y]==100);
ma_row=m_copo[y]%100;
if (ma_row && m_copo[y]<100) {
if (ma_row<rows+1) {
if (w3c) {
matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
}
else {
matemp=document.all["Mx"+(ma_row-1)+"y"+y];
matemp.innerHTML=m_coch[y];
}
matemp.style.color="#33ff66";
matemp.style.fontWeight="bold";
}
if (ma_row>1 && ma_row<rows+2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
if (ma_row>2) {
matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
matemp.style.color="#009900";
}
if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (ma_row<rows+2) m_copo[y]++;
else if (m_copo[y]<100) m_copo[y]=0;
}
else if (Math.random()>0.9 && m_copo[y]<100) {
m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columns) clearInterval(ma_bod);
}
function zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(rows/2)+1) {
for (ytmp=0; ytmp<rows; ytmp++) {
if (w3c) {
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
}
else {
mtmp=document.all["Mx"+ytmp+"y"+ycol];
mtmp.innerHTML=m_coch[ycol];
}
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
}
if (Math.random()<reveal) {
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
}
if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]>200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
}
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
if (m_copo[ycol]>100 && m_copo[ycol]<200) {
if (w3c) {
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue=String.fromCharCode(160);
}
else {
mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
mtmp.innerHTML=String.fromCharCode(160);
mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("zoomer("+ycol+")", speed);
}
}
// -->
</script>
</textarea><br />
</form>
<br/><br/>
<br/>
<span style="color:blue">Kopiraj i zalijepi u body tag:</span>
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<div id="matrix">VAS TEXT</div>
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-55112822447437364032013-03-24T07:40:00.001-07:002013-03-24T15:02:09.771-07:00Scroll poruke
Primjer:
<br/>
<script language="JavaScript1.2">
<!--
/*
Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
With modifications by Dynamicdrive.com
For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
*/
//Secify scroller contents
var line=new Array()
line[1]="OVO JE PRVA PORUKA.."
line[2]="ZATIM DRUGA..."
line[3]="ONDA TRECA PORUKA.."
line[4]="ZATIM JOS JEDNA.."
line[5]="I JOS JEDNA..."
//Specify font size for scoller
var ts_fontsize="16px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
<br/><br/>
<br/>
<span style="color:blue">Kopiraj i zalijepi gdje zelis da se pojave scroll poruke:</span>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="JavaScript1.2">
<!--
/*
Typing Scroller
Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
With modifications by Dynamicdrive.com
For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
*/
//Secify scroller contents
var line=new Array()
line[1]="OVO JE PRVA PORUKA.."
line[2]="ZATIM DRUGA..."
line[3]="ONDA TRECA PORUKA.."
line[4]="ZATIM JOS JEDNA.."
line[5]="I JOS JEDNA..."
//Specify font size for scoller
var ts_fontsize="16px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-91544455056055577652013-03-24T07:25:00.002-07:002013-03-24T15:11:39.599-07:00"Leteci" linkovi i poruke
Primjer:
<br/>
<script language="JavaScript1.2">
//Slide-in scoller- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com
//Configure delay between messages (4000=4 secs):
var delay=2000
//Configure scroller width
var scrollwidth="200px"
//Configure scroller height
var scrollheight="75px"
var message=new Array()
//Configure messages. Extend array as needed:
var openingtag='<font face="Arial" size=3>'
message[0]='<b><a href="http://www.sport.ba/">sport.ba</a></b>'
message[1]='<b><a href="http://edition.cnn.com/">CNN</a></b>'
message[2]='<b><a href="http://photobucket.com/">photobucket.com</a></b>'
message[3]='<b>TEXT PORUKA</a></b>'
var closingtag='</font>'
//This variable specifies the initial negative offset of each msg
//You may wish to increase it if your scroller is to the right of page horizontally
var hoffset=-10
</script>
<ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide">
<layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer>
</ilayer>
<script language="JavaScript1.2">
var inc=1
var ns4=document.layers
var ie5ns6=document.getElementById||document.all
if (ie5ns6)
document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)
function updatemsg(){
crossobj.style.left="-2000px"
crossobj.style.fontStyle="italic"
crossobj.innerHTML=message[inc]
crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset+"px"
start=setInterval("animatein()",50)
inc=(inc<message.length-1)? inc+1 : 0
}
function animatein(){
if (parseInt(crossobj.style.left)<0)
crossobj.style.left=parseInt(crossobj.style.left)+20+"px"
else{
crossobj.style.left=0+"px"
crossobj.style.fontStyle="normal"
clearInterval(start)
}
}
function updatemsgns4(){
document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)
document.sslide.document.sslide2.document.close()
inc=(inc<message.length-1)? inc+1 : 0
}
function initialize(){
if (ie5ns6){
crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin
setInterval("updatemsg()",delay+1000)
}
else if (ns4){
document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)
document.sslide.document.sslide2.document.close()
setInterval("updatemsgns4()",delay)
}
}
window.onload=initialize
</script>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="JavaScript1.2">
//Slide-in scoller- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com
//Configure delay between messages (4000=4 secs):
var delay=2000
//Configure scroller width
var scrollwidth="200px"
//Configure scroller height
var scrollheight="75px"
var message=new Array()
//Configure messages. Extend array as needed:
var openingtag='<font face="Arial" size=3>'
message[0]='<b><a href="http://www.sport.ba/">sport.ba</a></b>'
message[1]='<b><a href="http://edition.cnn.com/">CNN</a></b>'
message[2]='<b><a href="http://photobucket.com/">photobucket.com</a></b>'
message[3]='<b>TEXT PORUKA</a></b>'
var closingtag='</font>'
//This variable specifies the initial negative offset of each msg
//You may wish to increase it if your scroller is to the right of page horizontally
var hoffset=-10
</script>
<ilayer width=&{scrollwidth}; height=&{scrollheight}; name="sslide">
<layer name="sslide2" width=&{scrollwidth}; height=&{scrollheight};></layer>
</ilayer>
<script language="JavaScript1.2">
var inc=1
var ns4=document.layers
var ie5ns6=document.getElementById||document.all
if (ie5ns6)
document.write(openingtag+'<div id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)
function updatemsg(){
crossobj.style.left="-2000px"
crossobj.style.fontStyle="italic"
crossobj.innerHTML=message[inc]
crossobj.style.left=crossobj.offsetWidth*(-1)+hoffset+"px"
start=setInterval("animatein()",50)
inc=(inc<message.length-1)? inc+1 : 0
}
function animatein(){
if (parseInt(crossobj.style.left)<0)
crossobj.style.left=parseInt(crossobj.style.left)+20+"px"
else{
crossobj.style.left=0+"px"
crossobj.style.fontStyle="normal"
clearInterval(start)
}
}
function updatemsgns4(){
document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)
document.sslide.document.sslide2.document.close()
inc=(inc<message.length-1)? inc+1 : 0
}
function initialize(){
if (ie5ns6){
crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyin
setInterval("updatemsg()",delay+1000)
}
else if (ns4){
document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)
document.sslide.document.sslide2.document.close()
setInterval("updatemsgns4()",delay)
}
}
window.onload=initialize
</script>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-24280324444129667632013-03-24T07:04:00.002-07:002013-03-24T07:22:17.798-07:00Otvori link
Primjer:
<br/>
<style>
<!--
#listbutton{
border:1px solid #4B4B4B;
background-color:#F3F3F3;
width:50px;
height:12px;
font: normal 11px Arial;
text-align:center;
cursor:pointer;cursor:hand;
}
.expandhighlight, .expandhighlight a{
color:red;
}
-->
</style>
<script language="JavaScript1.2">
//Expandable ticker script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
var tickercontents=new Array()
tickercontents[0]='dynamicdrive<a href="http://www.dynamicdrive.com/new.htm">[Opsirnije]</a>'
tickercontents[1]='Browse Dynamic Drive <a href="http://www.dynamicdrive.com/hot.htm">[Opsirnije]</a>'
tickercontents[2]='<a href="http://www.dynamicdrive.com/link.htm">Link back to Dynamic Drive!</a>'
//configure the below 2 variables to set the width/background color of the ticker
var tickerwidth='475px'
var tickerbgcolor='#DDDDFF'
//configure the below variable to determine the delay between ticking of messages (in miliseconds)
var tickdelay=3000
////Do not edit pass this line////////////////
var ie4=document.all
var ns6=document.getElementById
var ns4=document.layers
var currentmessage=0
var tickercontentstotal=''
function changetickercontent(){
if (ns4){
tickerobj.document.tickernssub.document.write('<b><a href="#" onClick="return expandlist(event)">Otvori</a></b> | '+tickercontents[currentmessage])
tickerobj.document.tickernssub.document.close()
}
else if (ie4||ns6){
tickerobj.innerHTML=tickercontents[currentmessage]
previousmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
tickerexpand_item=ns6? document.getElementById("expand"+currentmessage) : eval("expand"+currentmessage)
tickerexpand_previousitem=ns6? document.getElementById("expand"+previousmessage) : eval("expand"+previousmessage)
tickerexpand_previousitem.className=""
tickerexpand_item.className="expandhighlight"
}
currentmessage=(currentmessage==tickercontents.length-1)? 0 : currentmessage+1
setTimeout("changetickercontent()",tickdelay)
}
function start_ticking(){
if (ns4) document.tickernsmain.visibility="show"
tickerobj=ie4? tickerlist : ns6? document.getElementById("tickerlist") : ns4? document.tickernsmain : ""
tickerexpandobj=ie4? tickerexpand : ns6? document.getElementById("tickerexpand") : ns4? document.expandlayer : ""
for (i=0;i<tickercontents.length;i++) //get total scroller contents
tickercontentstotal+='<div id="expand'+i+'">- '+tickercontents[i]+'</div>'
if (ie4||ns6)
tickerexpandobj.innerHTML=tickercontentstotal
else{
tickerexpandobj.document.write(tickercontentstotal)
tickerexpandobj.document.close()
}
changetickercontent()
}
function expandlist(e){
if (ie4||ns6){
tickerexpand_parent=ie4? tickerexpand.parentElement : document.getElementById("tickerexpand").parentNode
tickerexpand_parent.style.display=(tickerexpand_parent.style.display=="none")? "" : "none"
}
else{
document.expandlayer.left=e.pageX-e.layerX
document.expandlayer.top= e.pageY-e.layerY+20
document.expandlayer.visibility=(document.expandlayer.visibility=="hide")? "show" : "hide"
return false
}
}
if (ie4||ns6)
document.write('<table border="0" style="width:'+tickerwidth+';border:1px solid black;text-indent:2px" bgcolor="'+tickerbgcolor+'" cellspacing="0" cellpadding="0"><tr><td width="90%" id="tickerlist" bgcolor="'+tickerbgcolor+'"></td><td width="10%" bgcolor="'+tickerbgcolor+'"><div id="listbutton" onClick="expandlist()">Otvori</div></td></tr><tr style="display:none"><td id="tickerexpand" width="90%" bgcolor="'+tickerbgcolor+'"> </td><td width="10%"></td></tr></table>')
window.onload=start_ticking
</script>
<ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>
<layer id="expandlayer" bgColor=&{tickerbgcolor}; visibility=hide></layer>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style>
<!--
#listbutton{
border:1px solid #4B4B4B;
background-color:#F3F3F3;
width:50px;
height:12px;
font: normal 11px Arial;
text-align:center;
cursor:pointer;cursor:hand;
}
.expandhighlight, .expandhighlight a{
color:red;
}
-->
</style>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="JavaScript1.2">
//Expandable ticker script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
var tickercontents=new Array()
tickercontents[0]='LINK 1<a href="VAS PERMA LINK 1">[Opsirnije]</a>'
tickercontents[1]='LINK 2<a href="VAS PERMA LINK 2">[Opsirnije]</a>'
tickercontents[2]='<a href="http://www.dynamicdrive.com/link.htm">Link - Dynamic Drive!</a>'
//configure the below 2 variables to set the width/background color of the ticker
var tickerwidth='475px'
var tickerbgcolor='#DDDDFF'
//configure the below variable to determine the delay between ticking of messages (in miliseconds)
var tickdelay=3000
////Do not edit pass this line////////////////
var ie4=document.all
var ns6=document.getElementById
var ns4=document.layers
var currentmessage=0
var tickercontentstotal=''
function changetickercontent(){
if (ns4){
tickerobj.document.tickernssub.document.write('<b><a href="#" onClick="return expandlist(event)">Otvori</a></b> | '+tickercontents[currentmessage])
tickerobj.document.tickernssub.document.close()
}
else if (ie4||ns6){
tickerobj.innerHTML=tickercontents[currentmessage]
previousmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
tickerexpand_item=ns6? document.getElementById("expand"+currentmessage) : eval("expand"+currentmessage)
tickerexpand_previousitem=ns6? document.getElementById("expand"+previousmessage) : eval("expand"+previousmessage)
tickerexpand_previousitem.className=""
tickerexpand_item.className="expandhighlight"
}
currentmessage=(currentmessage==tickercontents.length-1)? 0 : currentmessage+1
setTimeout("changetickercontent()",tickdelay)
}
function start_ticking(){
if (ns4) document.tickernsmain.visibility="show"
tickerobj=ie4? tickerlist : ns6? document.getElementById("tickerlist") : ns4? document.tickernsmain : ""
tickerexpandobj=ie4? tickerexpand : ns6? document.getElementById("tickerexpand") : ns4? document.expandlayer : ""
for (i=0;i<tickercontents.length;i++) //get total scroller contents
tickercontentstotal+='<div id="expand'+i+'">- '+tickercontents[i]+'</div>'
if (ie4||ns6)
tickerexpandobj.innerHTML=tickercontentstotal
else{
tickerexpandobj.document.write(tickercontentstotal)
tickerexpandobj.document.close()
}
changetickercontent()
}
function expandlist(e){
if (ie4||ns6){
tickerexpand_parent=ie4? tickerexpand.parentElement : document.getElementById("tickerexpand").parentNode
tickerexpand_parent.style.display=(tickerexpand_parent.style.display=="none")? "" : "none"
}
else{
document.expandlayer.left=e.pageX-e.layerX
document.expandlayer.top= e.pageY-e.layerY+20
document.expandlayer.visibility=(document.expandlayer.visibility=="hide")? "show" : "hide"
return false
}
}
if (ie4||ns6)
document.write('<table border="0" style="width:'+tickerwidth+';border:1px solid black;text-indent:2px" bgcolor="'+tickerbgcolor+'" cellspacing="0" cellpadding="0"><tr><td width="90%" id="tickerlist" bgcolor="'+tickerbgcolor+'"></td><td width="10%" bgcolor="'+tickerbgcolor+'"><div id="listbutton" onClick="expandlist()">Expand</div></td></tr><tr style="display:none"><td id="tickerexpand" width="90%" bgcolor="'+tickerbgcolor+'"> </td><td width="10%"></td></tr></table>')
window.onload=start_ticking
</script>
<ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>
<layer id="expandlayer" bgColor=&{tickerbgcolor}; visibility=hide></layer>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-91871928551697309682013-03-24T06:55:00.003-07:002013-03-24T07:00:38.748-07:00Izbornik linkova,naizmjenicni linkoviPrimjer:
<br/>
<style>
<!--
.scrollerstyle{
font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;
}
-->
</style>
<script language="javascript">
//News Bar script- By Premshree Pillai (premshree@hotmail.com)
//http://www.qiksearch.com/javascripts.htm
//Enhancements by Dynamic Drive
//Visit http://www.dynamicdrive.com for this script
var msgs = new Array(
"Klikni Dynamic Drive",
"Klikni JavaScript Kit",
"Klikni Freewarejava.com",
"Klikni Wired News",
"Klikni Qiksearch.com" ); // No comma after last ticker msg
var msg_url = new Array(
"http://www.dynamicdrive.com",
"http://www.javascriptkit.com",
"http://freewarejava.com",
"http://www.wired.com",
"http://www.qiksearch.com" ); // No comma after last ticker url
var barwidth='350px' //Enter main bar width in px or %
var setdelay=3000 //Enter delay between msgs, in mili-seconds
var mouseover_color='#E1FFE1' //Specify highlight color
var mouseout_color='#FFFFFF' //Specify default color
/////////////////////////////////////////////////////////////////////
var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22px; height:22px; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:#FFFFFF; width:'+barwidth+'; height:22px; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}
function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}
setInterval("moveit(1)",setdelay)
function goURL(){
location.href=msg_url[count];
}
init_news_bar();
</script>
<br/><br/>
<br/>
Kopiraj i zalijepi gdje zelis da se izbornik linkova pojavi:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style>
<!--
.scrollerstyle{
font-family:webdings;background:#FFFFFF;border:1px solid #000000;cursor:hand;
}
-->
</style>
<script language="javascript">
//News Bar script- By Premshree Pillai (premshree@hotmail.com)
//http://www.qiksearch.com/javascripts.htm
//Enhancements by Dynamic Drive
//Visit http://www.dynamicdrive.com for this script
var msgs = new Array(
"Klikni Dynamic Drive",
"Klikni JavaScript Kit",
"Klikni Freewarejava.com",
"Klikni Wired News",
"Klikni Qiksearch.com" ); // No comma after last ticker msg
var msg_url = new Array(
"http://www.dynamicdrive.com",
"http://www.javascriptkit.com",
"http://freewarejava.com",
"http://www.wired.com",
"http://www.qiksearch.com" ); // No comma after last ticker url
var barwidth='350px' //Enter main bar width in px or %
var setdelay=3000 //Enter delay between msgs, in mili-seconds
var mouseover_color='#E1FFE1' //Specify highlight color
var mouseout_color='#FFFFFF' //Specify default color
/////////////////////////////////////////////////////////////////////
var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22px; height:22px; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:#FFFFFF; width:'+barwidth+'; height:22px; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Next News"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">')
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}
function init_news_bar(){
document.news_bar.news_bar_but.value=msgs[count];
}
//moveit function by Dynamicdrive.com
function moveit(how){
if (how==1){ //cycle foward
if (count<msgs.length-1)
count++
else
count=0
}
else{ //cycle backward
if (count==0)
count=msgs.length-1
else
count--
}
document.news_bar.news_bar_but.value=msgs[count];
}
setInterval("moveit(1)",setdelay)
function goURL(){
location.href=msg_url[count];
}
init_news_bar();
</script>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-47403235059586590192013-03-24T06:40:00.000-07:002013-03-24T06:46:46.673-07:00Naizmjenicni linkoviPrimjer:
<br/>
<style type="text/css">
#memoryticker{
background-color: lightyellow;
width: 450px;
font: bold 12px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 1px solid black;
padding: 3px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}
</style>
<script type="text/javascript">
/***********************************************
* Memory Ticker script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
//Backslash any apostrophes within your text (ie: I\'m the king of the world!)
var tickercontents=new Array()
tickercontents[0]='1) <a href="http://www.javascriptkit.com">JavaScriptKit.com</a>- NAZIV LINKA 1</a>'
tickercontents[1]='2) <a href="http://www.codingforums.com">Coding Forums</a>-NAZIV LINKA 2</a>'
tickercontents[2]='3) <a href="http://www.dynamicdrive.com">DynamicDrive.com</a>-NAZIV LINKA 3</a>'
tickercontents[3]='4) <a href="http://www.freewarejava.com">FreewareJava</a>-NAZIV LINKA 4</a>'
var persistlastviewedmsg=1 //should messages' order persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".
//configure the below variable to determine the delay between ticking of messages (in miliseconds):
var tickdelay=3000
////Do not edit pass this line////////////////
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
var currentmessage=0
function changetickercontent(){
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Apply()
crosstick.innerHTML=tickercontents[currentmessage]
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Play()
currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1
var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0
setTimeout("changetickercontent()",tickdelay+filterduration)
}
function beginticker(){
if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")
revivelastmsg()
crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker
changetickercontent()
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastmsgnum="+currentmessage
}
function revivelastmsg(){
currentmessage=parseInt(get_cookie("lastmsgnum"))
currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
if (document.all||document.getElementById)
document.write('<div id="memoryticker" '+divonclick+'></div>')
if (window.addEventListener)
window.addEventListener("load", beginticker, false)
else if (window.attachEvent)
window.attachEvent("onload", beginticker)
else if (document.all || document.getElementById)
window.onload=beginticker
</script>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis da se pojave naizmjenicni linkovi:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style type="text/css">
#memoryticker{
background-color: lightyellow;
width: 450px;
font: bold 12px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 1px solid black;
padding: 3px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}
</style>
<script type="text/javascript">
/***********************************************
* Memory Ticker script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
//Backslash any apostrophes within your text (ie: I\'m the king of the world!)
var tickercontents=new Array()
tickercontents[0]='1) <a href="http://www.javascriptkit.com">JavaScriptKit.com</a>- NAZIV LINKA 1</a>'
tickercontents[1]='2) <a href="http://www.codingforums.com">Coding Forums</a>-NAZIV LINKA 2</a>'
tickercontents[2]='3) <a href="http://www.dynamicdrive.com">DynamicDrive.com</a>-NAZIV LINKA 3</a>'
tickercontents[3]='4) <a href="http://www.freewarejava.com">FreewareJava</a>-NAZIV LINKA 4</a>'
var persistlastviewedmsg=1 //should messages' order persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".
//configure the below variable to determine the delay between ticking of messages (in miliseconds):
var tickdelay=3000
////Do not edit pass this line////////////////
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
var currentmessage=0
function changetickercontent(){
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Apply()
crosstick.innerHTML=tickercontents[currentmessage]
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Play()
currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1
var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0
setTimeout("changetickercontent()",tickdelay+filterduration)
}
function beginticker(){
if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")
revivelastmsg()
crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker
changetickercontent()
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function savelastmsg(){
document.cookie="lastmsgnum="+currentmessage
}
function revivelastmsg(){
currentmessage=parseInt(get_cookie("lastmsgnum"))
currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
}
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
if (document.all||document.getElementById)
document.write('<div id="memoryticker" '+divonclick+'></div>')
if (window.addEventListener)
window.addEventListener("load", beginticker, false)
else if (window.attachEvent)
window.attachEvent("onload", beginticker)
else if (document.all || document.getElementById)
window.onload=beginticker
</script>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-67358053491668160712013-03-24T06:23:00.001-07:002013-03-24T06:33:26.914-07:00Scroller poruka i tekstova
Primjer:
<br/>
<style type="text/css">
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
</style>
<script type="text/javascript">
/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''
function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}
function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}
if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">
<!--YOUR SCROLL CONTENT HERE-->
<h4>VASA PORUKA 1</h4>
<br/>
<h4>VASA PORUKA 2</h4>
<br/>
<h4>VASA PORUKA 3</h4>
<!--YOUR SCROLL CONTENT HERE-->
</div>
</div>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style type="text/css">
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
</style>
<script type="text/javascript">
/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''
function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}
function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}
if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">
<!--YOUR SCROLL CONTENT HERE-->
<h4>Your scroller contents1</h4>
<br/>
<h4>Your scroller contents 2</h4>
<br/>
<h4>Your scroller contents 3</h4>
<!--YOUR SCROLL CONTENT HERE-->
</div>
</div>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-24565848134370076202013-03-24T06:02:00.001-07:002013-03-24T06:21:50.420-07:00Naizmjenicne poruke sa linkovimaPrimjer:
<br/>
<script language="JavaScript1.2">
//Translucent scroller- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var scroller_width='150px'
var scroller_height='115px'
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='OVDJE IDE VASA PORUKA SA LINKOM <a href="http://freewarejava.com">Freewarejava.com </a>I NASTAVAK PORUKE '
scrollercontent[1]='OVDJE IDE VASA PORUKA SA LINKOM 2<a href="http://www.javascriptkit.com">javascriptkit.com</a> I NASTAVAK PORUKE 2..'
scrollercontent[2]='OVDJE IDE VASA PORUKA SA LINKOM<a href="http://www.dynamicdrive.com/link.htm">links page</a>.'
////NO need to edit beyond here/////////////
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
<br/><br/><br/>
Kopiraj i zalijepi gdje zelis da se poruke pojavljuju:
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script language="JavaScript1.2">
//Translucent scroller- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var scroller_width='150px'
var scroller_height='115px'
var bgcolor='#E0EFD1'
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var scrollercontent=new Array()
//Define scroller contents. Extend or contract array as needed
scrollercontent[0]='OVDJE IDE VASA PORUKA SA LINKOM <a href="http://freewarejava.com">Freewarejava.com </a>I NASTAVAK PORUKE '
scrollercontent[1]='OVDJE IDE VASA PORUKA SA LINKOM 2<a href="http://www.javascriptkit.com">javascriptkit.com</a> I NASTAVAK PORUKE 2..'
scrollercontent[2]='OVDJE IDE VASA PORUKA SA LINKOM<a href="http://www.dynamicdrive.com/link.htm">links page</a>.'
////NO need to edit beyond here/////////////
var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
}
var curpos=scroller_height*(1)
var degree=10
var curcanvas="canvas0"
var curindex=0
var nextindex=1
function moveslide(){
if (curpos>0){
curpos=Math.max(curpos-degree,0)
tempobj.style.top=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=scrollercontent[curindex]
nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}
function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(scrollercontent[curindex])
crossobj.document.close()
}
curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
}
function resetit(what){
curpos=parseInt(scroller_height)*(1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.top=curpos+"px"
}
function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=scrollercontent[curindex]
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}
if (ie4||dom||document.layers)
window.onload=startit
</script>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-56569566212174264382013-03-24T05:56:00.002-07:002013-03-24T15:19:27.982-07:00Pop It menu
Primjer:
<br/>
<style type="text/css">
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}
#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}
#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}
</style>
<script type="text/javascript">
/***********************************************
* Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var defaultMenuWidth="150px" //set default menu width.
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<a href="http://dynamicdrive.com">Dynamic Drive</a>'
linkset[0]+='<hr>' //Optional Separator
linkset[0]+='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'
linkset[0]+='<a href="http://www.codingforums.com">Coding Forums</a>'
linkset[0]+='<a href="http://www.cssdrive.com">CSS Drive</a>'
linkset[0]+='<a href="http://freewarejava.com">Freewarejava</a>'
linkset[1]='<a href="http://msnbc.com">MSNBC</a>'
linkset[1]+='<a href="http://cnn.com">CNN</a>'
linkset[1]+='<a href="http://news.bbc.co.uk">BBC News</a>'
linkset[1]+='<a href="http://www.washingtonpost.com">Washington Post</a>'
////No need to edit beyond here
var ie5=document.all && !window.opera
var ns6=document.getElementById
if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}
function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}
function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
if (ie5||ns6)
document.onclick=hidemenu
</script>
<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
<a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()">News sites</a>
<br/><br/><br/>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style type="text/css">
#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}
#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}
#popitmenu a:hover{ /*hover background color*/
background-color: #CCFF9D;
}
</style>
<script type="text/javascript">
/***********************************************
* Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var defaultMenuWidth="150px" //set default menu width.
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<a href="http://dynamicdrive.com">Dynamic Drive</a>'
linkset[0]+='<hr>' //Optional Separator
linkset[0]+='<a href="http://www.javascriptkit.com">JavaScript Kit</a>'
linkset[0]+='<a href="http://www.codingforums.com">Coding Forums</a>'
linkset[0]+='<a href="http://www.cssdrive.com">CSS Drive</a>'
linkset[0]+='<a href="http://freewarejava.com">Freewarejava</a>'
linkset[1]='<a href="http://msnbc.com">MSNBC</a>'
linkset[1]+='<a href="http://cnn.com">CNN</a>'
linkset[1]+='<a href="http://news.bbc.co.uk">BBC News</a>'
linkset[1]+='<a href="http://www.washingtonpost.com">Washington Post</a>'
////No need to edit beyond here
var ie5=document.all && !window.opera
var ns6=document.getElementById
if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}
function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}
function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
if (ie5||ns6)
document.onclick=hidemenu
</script>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Webmaster Links</a><br>
<a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()">News sites</a>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-38015518627593708062013-03-24T05:47:00.001-07:002013-03-31T10:05:15.142-07:00Staticni menuPrimjer:
<br/>
<STYLE TYPE="text/css">
<!--
.menuh {
BORDER-COLOR : #FFFF99 ;
cursor : hand ;
Border-Left : #FFFF99 ;
Border-Top : #FFFF99 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #FFFF99 ;
}
.menu {
Background-Color : white ;
}
.home {
cursor : hand ;
}
.menulinks{
text-decoration:none;
}
//-->
</STYLE>
<SCRIPT Language="Javascript1.2">
<!--
/*
Static menu script (By maXimus, maximus@nsimail.com, http://maximus.ravecore.com/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure below variable for menu width, position on page
var menuwidth=110
var offsetleft=10
var offsettop=90
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}
if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}
if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')
var menui = new Array();
var menul = new Array();
//configure below for menu items. Extend list as desired
menui[0]="Dynamic Drive";
menui[1]="What\'s New?";
menui[2]="What\'s Hot?";
menui[3]="Message Forum";
menui[4]="FAQs";
menui[5]="Submit Script";
menui[6]="Link to us";
menui[7]="Email us";
menul[0]="http://dynamicdrive.com";
menul[1]="http://dynamicdrive.com/new.htm";
menul[2]="http://dynamicdrive.com/hot.htm";
menul[3]="http://wsabstract.com/cgi-bin/Ultimate.cgi";
menul[4]="http://dynamicdrive.com/faqs.htm";
menul[5]="http://dynamicdrive.com/submit.htm";
menul[6]="http://dynamicdrive.com/link.htm";
menul[7]="http://dynamicdrive.com/contact.htm";
for (i=0;i<=menui.length-1;i++)
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}
if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}
function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}
window.onload=menu3
//-->
</SCRIPT>
<br/>
<br/><br/><br/><br/>
<br/>
<br/><br/><br/><br/>
<br/><br/>
<br/><br/><br/>
Zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<STYLE TYPE="text/css">
<!--
.menuh {
BORDER-COLOR : #FFFF99 ;
cursor : hand ;
Border-Left : #FFFF99 ;
Border-Top : #FFFF99 ;
Padding-Left : 1px ;
Padding-Top : 1px ;
Background-Color : #FFFF99 ;
}
.menu {
Background-Color : white ;
}
.home {
cursor : hand ;
}
.menulinks{
text-decoration:none;
}
//-->
</STYLE>
</textarea><br />
</form>
<br/><br/><br/>
Zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<SCRIPT Language="Javascript1.2">
<!--
/*
Static menu script (By maXimus, maximus@nsimail.com, http://maximus.ravecore.com/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure below variable for menu width, position on page
var menuwidth=110
var offsetleft=10
var offsettop=90
var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}
if (ie4||ns6) {document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}
if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')
var menui = new Array();
var menul = new Array();
//configure below for menu items. Extend list as desired
menui[0]="Dynamic Drive";
menui[1]="What\'s New?";
menui[2]="What\'s Hot?";
menui[3]="Message Forum";
menui[4]="FAQs";
menui[5]="Submit Script";
menui[6]="Link to us";
menui[7]="Email us";
menul[0]="http://dynamicdrive.com";
menul[1]="http://dynamicdrive.com/new.htm";
menul[2]="http://dynamicdrive.com/hot.htm";
menul[3]="http://wsabstract.com/cgi-bin/Ultimate.cgi";
menul[4]="http://dynamicdrive.com/faqs.htm";
menul[5]="http://dynamicdrive.com/submit.htm";
menul[6]="http://dynamicdrive.com/link.htm";
menul[7]="http://dynamicdrive.com/contact.htm";
for (i=0;i<=menui.length-1;i++)
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}
if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}
function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}
window.onload=menu3
//-->
</SCRIPT>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-68794648750180272222013-03-24T03:45:00.001-07:002013-03-31T10:04:09.991-07:00Vertikalni Switch Menu Primjer:
<br/>
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span>
</div>
<br/><br/><br/>
Kopiraj i zalijepi u head tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}
.submenu{
margin-bottom: 0.5em;
}
</style>
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
</textarea><br />
</form>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<!-- Keep all menus within masterdiv-->
<div id="masterdiv">
<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span>
<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span>
<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span>
</div>
</textarea><br />
</form>
FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0tag:blogger.com,1999:blog-6176868999029205163.post-8979796792565331352013-03-24T03:29:00.001-07:002013-03-31T09:59:59.405-07:00Popup windowPrimjer:
<br/>
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://tutorialzablog.blogspot.com/');">Otvori popup window</a>
<br/><br/><br/>
Kopiraj i zalijepi u body tag:
<br/>
<form action="/html/tags/html_form_tag_action.cfm" method="post">
<br />
<textarea rows="5" cols="55" name="comments" id="comments">
<script type="text/javascript">
// Popup window code
function newPopup(url) {
popupWindow = window.open(
url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://tutorialzablog.blogspot.com/');">Otvori popup window</a>
</textarea><br />
</form>FelixTutorhttp://www.blogger.com/profile/05236012937638991380noreply@blogger.com0