Loading...
Dacă eşti vizitator şi vrei să te înregistrezi, apasă aici.

Diferite script-uri HTML

Întrebări / Probleme / Coduri / Tutoriale .etc
Avatar utilizator
tataieee
Administrator
Mesaje: 3803
Membru din: 17 Sep 2014, 17:52
Țara de origine: Romania
Nume Real: Alexandru Costin
Nivel cunoştinţe IT: 10
Localitate: Giurgiu; România
Vârsta: 25
Contact:
Status: Neconectat

Diferite script-uri HTML

Mesajde tataieee » 20 Sep 2014, 17:05

Aveţi aici un tabel cu diferite script-uri html pentru orice ...
Il puteti modifica după preferinţe.

Cod: Selectaţi tot

<b><center><br><br><table border="2">
<tr>
<th>&nbsp;&nbsp;Nr&nbsp;&nbsp;</th>
<th>&nbsp;&nbsp;Adresa&nbsp;&nbsp;</th>
<th>&nbsp;&nbsp;Port&nbsp;&nbsp;</th>
<th>&nbsp;&nbsp;Mod&nbsp;&nbsp;</th>
<th>&nbsp;&nbsp;Players&nbsp;&nbsp;</th>
<th>&nbsp;&nbsp;Tara&nbsp;&nbsp;</th>

</tr>
<tr>
<td>1.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

</tr>
<tr>
<td>2.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>3.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>4.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>5.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>6.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>7.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>8.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>9.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
<tr>
<td>10.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>11.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>12.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>13.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>14.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>15.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>16.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>17.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>18.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>19.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>

<tr>
<td>20.</td>
<td> &nbsp; </td>      <!!!Adresa!!!!>
<td>&nbsp;</td>        <!!!Portul!!!>
<td>&nbsp;</td>        <!!!Modul!!!>
<td>&nbsp;</td>        <!!!Jucatori maxim!!!>
<td>RO</td>
</tr>
</table>


Folosind acest script, in locul unde il vei introduce va apare un buton. Prin apasarea lui va aparea o icoana pop cu mesajul pe care il doriti dumnevoastra sa-l transmiteti utilizatorilor

Cod: Selectaţi tot

<form><input type="button" value="MESAJ PE BUTON" onClick="alert(' MESAJUL PE CARE DORITI SA-L TRANSMITETI '); return true"></form><!-- End of Message Alert -->


Anuleaza click dreapta pe imagini:

Cod: Selectaţi tot

<script language="JavaScript1.2">


var clickmessage="Mesaj care vreti sa fie transmis daca cineva apasa click dreapta pe o imagine!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>


Dezactiveaza in totalitate click dreapta:

Cod: Selectaţi tot

<script language=JavaScript>
<!--




var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>


Dezactiveaza selectare text (nu merge pe Opera si Mozilla Firefox)

Cod: Selectaţi tot

<script type="text/javascript">


function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
   target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
   target.style.MozUserSelect="none"
else //All other route (ie: Opera)
   target.onmousedown=function(){return false}
target.style.cursor = "default"
}

//Sample usages
//disableSelection(document.body) //Disable text selection online entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection online element with id="mydiv"

</script>


Script pentru ninsoare pe tot continutul paginii:

Cod: Selectaţi tot

<!--Simply copy and paste into <BODY>
    Just above the </BODY> tag. -->

<script type="text/javascript">
/*
Snow Fall Java script
Visit http://rainbow.arch.scriptmania.com/scripts/
  for this script and many more
*/

//Pre-loads your image/s below
//Configure below - change URL path to the snow image

grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif"
Image5=new Image();
Image5.src=grphcs[5]="http://rainbow.arch.scriptmania.com/scripts/bg/snowflake.gif"

//Smoothness depends online image file size,
//the smaller the size the more you can use!

// Configure below - change number of snow to render
Amount=40;

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){
    for (i = 0; i < Amount; i++){
        var P=Math.floor(Math.random()*grphcs.length);
        rndPic=grphcs[P];
        document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
    }
}
else{
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i = 0; i < Amount; i++){
        var P=Math.floor(Math.random()*grphcs.length);
        rndPic=grphcs[P];
        document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
    }
    document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
    Ypos[i] = Math.round(Math.random()*WinHeight);
    Xpos[i] = Math.round(Math.random()*WinWidth);
    Speed[i]= Math.random()*5+3;
    Cstep[i]=0;
    Step[i]=Math.random()*0.1+0.05;
}
function fall(){
    var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
    var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
    var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
    var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
    for (i=0; i < Amount; i++){
        sy = Speed[i]*Math.sin(90*Math.PI/180);
        sx = Speed[i]*Math.cos(Cstep[i]);
        Ypos[i]+=sy;
        Xpos[i]+=sx;
        if (Ypos[i] > WinHeight){
            Ypos[i]=-60;
            Xpos[i]=Math.round(Math.random()*WinWidth);
            Speed[i]=Math.random()*5+3;
        }
        if (ns){
            document.layers['sn'+i].left=Xpos[i];
            document.layers['sn'+i].top=Ypos[i]+hscrll;
        }
        else if (ns6){
            document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
            document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
        }
        else{
            eval("document.all.si"+i).style.left=Xpos[i];
            eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
        }
        Cstep[i]+=Step[i];
    }
    setTimeout('fall()',115);
}
window.onload=fall
//-->
</script>
<p><font face="arial" size="-2">


Afisarea IP-ului celui care navigheaza:

Cod: Selectaţi tot

<script src="http://embed.ipcatch.com/ip/" type="text/javascript"></script>


Afisarea tarii de provenienta (sau provenienta IP-ului, providerului de internet):

Cod: Selectaţi tot

<script src="http://embed.ipcatch.com/country/" type="text/javascript"></script><script src="http://embed.ipcatch.com/flag/" type="text/javascript"></script>


Afisarea browser-ului folosit:

Cod: Selectaţi tot

<script src="http://embed.ipcatch.com/browser/" type="text/javascript"></script>


Defilare simpla de text:

Cod: Selectaţi tot

<marquee>TEXTUL TĂU AICI</marquee>


Defilare simpla a unei imagini, orizontal (&nbsp; <=> spatiu):

Cod: Selectaţi tot

<marquee><img src="http://URL_image1"></img> <img src="http://URL_image2"></img> <img src="http://URL_imageN"></img></marquee>


Defilare simpla a unei imagini, vertical (<br> <=> cu o linie mai jos):

Cod: Selectaţi tot

<marquee direction="up"><img src="http://URL_image1"></img><br><img src="http://URL_image2"></img><br><img src="http://URL_imageN"></img></marquee>


Text defilant orizontal, ce se opreste la plasarea mouselui in orice loc pe cimpul / linia in care defileaza textul :

Cod: Selectaţi tot

<marquee onmouseover="this.stop();" onmouseout="this.start();">TEXTUL SAU IMAGINEA TA</marquee>


Text defilant orizontal, ce se opreste la plasarea mouselui doar pe suprafata textului :

Cod: Selectaţi tot

<marquee id="id1"><span onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();">TEXTUL SAU IMAGINEA TA</span></marquee>


Imagini defilante orizontal, ce se opresc la plasarea mouselui doar pe suprafata textului :

Cod: Selectaţi tot

<marquee id="id1"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></marquee>


Imagini defilante orizontal continind linkuri, ce se opresc la plasarea mouselui doar pe suprafata textului:

Cod: Selectaţi tot

<marquee id="id1"><a href="http://URL_link1" target="_blank"><img src="http://URL_image1" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_link2" target="_blank"><img src="http://URL_image2" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a><a href="http://URL_linkN" target="_blank"><img src="http://URL_imageN" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></img></a></marquee>


Acum aveti posibilitatea de a "customiza" defilarea textului :
In tag-ul marquee, trebuie doar sa adaugati acest cod :

Cod: Selectaţi tot

style="ATTRIBUTE of STYLE: VALUE;"


Diverse atribute de stil aveti mai jos :
:: HEIGHT sau WIDTH pentru latimea / inaltimea scroll
:: BACKGROUND-COLOR pentru modificarea background sub text
:: BACKGROUND : URL('http://URL_background_image'); BACKGROUND-ATTACHMENT: FIXED; pentru a pune o imagine fixa de background
:: COLOR pentru a schimba culoarea textului
:: FONT-SIZE pentru a schimba dimensiunea textului
:: TEXT-ALIGN ptr. a modifica alinierea textului (LEFT, RIGHT, CENTER sau JUSTIFY)


Un text, ce se roteste in jurul mouseului (ca sa se vada pe orice pagina trebuie pus in footer sau header):

Cod: Selectaţi tot

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE script */
font-style: italic;
font-weight: bold;
font-family: 'comic sans multumesc', verdana, arial;
color: #PLACE YOUR COLOR HERE;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
  Website: http://www.tempermedia.com/
  Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
  Modified Here for more flexibility and modern browser support
  Modifications as first seen in http://www.dynamicdrive.com/forums/
  username:jscheuer1 - This notice must remain for legal use
  */

;(function(){

// Your message here (QUOTED STRING)
var msg = "TEXTUL DORIT";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 10;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 3;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
  window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>


Ninsoare cu inimioare:

Cod: Selectaţi tot

<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/heart2.gif"></span></marquee>


Un mesaj ce se misca stinga - dreapta , intr-un spatiu dat:

Cod: Selectaţi tot

<marquee scrollamount=3 direction=right loop=true behavior=alternate>TEXTUL DORIT</marquee>


Script calculator de buzunar:

Cod: Selectaţi tot

<script language="JavaScript">
<!--
function Ergebnis()
{
var x = 0;
x = eval(window.document.Rechner.Display.value);
window.document.Rechner.Display.value = x;
}
function Hinzufuegen(Zeichen)
{
window.document.Rechner.Display.value =
window.document.Rechner.Display.value + Zeichen;
}
function Sonderfunktion(Funktion)
{
if(Funktion == "sqrt")
{
var x = 0;
x = eval(window.document.Rechner.Display.value);
window.document.Rechner.Display.value = Math.sqrt(x);
}
if(Funktion == "pow")
{
var x = 0;
x = eval(window.document.Rechner.Display.value);
window.document.Rechner.Display.value = x * x;
}
if(Funktion == "log")
{
var x = 0;
x = eval(window.document.Rechner.Display.value);
window.document.Rechner.Display.value = Math.log(x);
}
}
//-->
</script>


<form name="Rechner">
<table border=8 cellpadding=10>
<tr>
<td bgcolor=#C0C0C0><input name="Display" size=30 maxlength=30></td>
</tr>
<tr><td><table>
<tr>
<td width=50><input type=button value=" 7 " onClick="Hinzufuegen('7')"></td>
<td width=50><input type=button value=" 8 " onClick="Hinzufuegen('8')"></td>
<td width=70><input type=button value=" 9 " onClick="Hinzufuegen('9')"></td>
<td width=50><input type=button value=" + " onClick="Hinzufuegen('+')"></td>
</tr>
<tr>
<td width=50><input type=button value=" 4 " onClick="Hinzufuegen('4')"></td>
<td width=50><input type=button value=" 5 " onClick="Hinzufuegen('5')"></td>
<td width=70><input type=button value=" 6 " onClick="Hinzufuegen('6')"></td>
<td width=50><input type=button value=" - " onClick="Hinzufuegen('-')"></td>
</tr>
<tr>
<td width=50><input type=button value=" 1 " onClick="Hinzufuegen('1')"></td>
<td width=50><input type=button value=" 2 " onClick="Hinzufuegen('2')"></td>
<td width=70><input type=button value=" 3 " onClick="Hinzufuegen('3')"></td>
<td width=50><input type=button value=" * " onClick="Hinzufuegen('*')"></td>
</tr>
<tr>
<td width=50><input type=button value=" = " onClick="Ergebnis()"></td>
<td width=50><input type=button value=" 0 " onClick="Hinzufuegen('0')"></td>
<td width=70><input type=button value=" . " onClick="Hinzufuegen('.')"></td>
<td width=50><input type=button value=" / " onClick="Hinzufuegen('/')"></td>
</tr>
<tr>
<tr>
<td width=50><input type=button value="sqrt " onClick="Sonderfunktion('sqrt')"></td>
<td width=50><input type=button value=" pow " onClick="Sonderfunktion('pow')"></td>
<td width=70><input type=button value=" log " onClick="Sonderfunktion('log')"></td>
<td width=50><input type=reset value=" C "></td>
</tr>
</tr>
</table>
</td></tr></table>
</form>


Text care trece pe o bara:

Cod: Selectaţi tot

<td class="tableb" align="left" valign="top">
<b><font color="#ff0000" size="3">Titlu</div>
</b></td>
<td class="tablea" align="left" valign="top">
<b><font color="#00ff00" size="2">
<marquee behavior="slide" style="border-style: solid; color: rgb(0, 255, 0); font-size: 12pt; padding-left: 0pt;" bgcolor="#000000" LOOP="10" SCROLLDELAY="200" > Text care apare !
</marquee>


Mesaj la Intrare pe o pagina:

Cod: Selectaţi tot

<script language="Javascript">
<!--
alert('Welcome to Nume forum');
-->
</script>


IP Locator:

Cod: Selectaţi tot

<!-- Start ip2location.com Link --> <table width="239" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="http://www.ip2location.com"><img src="http://www.ip2location.com/images/searchboxtitle.gif" width="239" height="14" border="0"></a></td></tr><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td background="http://www.ip2location.com/images/searchboxbg.gif" align="center" valign="middle" width="108" height="112" ><table width="108" height="112" border="0" cellspacing="0" cellpadding="0"><tr><td  align="center" valign="middle"><form name="form1" method="post" action="http://www.ip2location.com/demo.aspx"><textarea name="ipaddresses" cols="15" rows="5" wrap="online" style="font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #333333;text-decoration: none; border: 1px solid #A1D2FE;"></textarea>
<input type="image" src="http://www.ip2location.com/images/searchboxbutton.gif" name="submit" width="76" height="16"></form></td></tr></table></td><td width="131" height="112" valign="top"><a href="http://www.ip2location.com"><img src="http://www.ip2location.com/images/searchboxinfo.gif" width="131" height="112" border="0"></a></td></tr></table></td></tr></table><!-- End ip2location.com Link -->


Ce face acest script ?
Este un script java care va ajuta sa prezentati anumite stiri / events intr-un mod mai placut !

Cod: Selectaţi tot

<form name="news">
<textarea name="news2" cols=40 rows=4 wrap=virtual></textarea>
</form>

<script language=JavaScript>

var newsText = new Array();
newsText[0] = "Acesta este un script conceput de echipa...";
newsText[1] = "El contine stiri intr-un text box ";
newsText[2] = "Trebuie sa inlocuiti aceste lini de text";
newsText[3] = "Programmed Copyright (c) 2011";
newsText[4] = "Succes"

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;

function doNews() {
  mxText = newsText.length - 1;
  dwAText = newsText[cnews];
  setTimeout("addChar()",1000)
}
function addNews() {
  cnews += 1;
  if (cnews <= mxText) {
    dwAText = newsText[cnews];
    if (dwAText.length != 0) {
      document.news.news2.value = "";
      eline = 0;
      setTimeout("addChar()",tspeed)
    }
  }
}
function addChar() {
  if (eline!=1) {
    if (cchar != dwAText.length) {
      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
      document.news.news2.value = nmttxt;
      cchar += 1;
      if (cchar != dwAText.length) document.news.news2.value += "_";
    } else {
      cchar = 0;
      eline = 1;
    }
    if (mxText==cnews && eline!=0 && ttloop!=0) {
      cnews = 0; setTimeout("addNews()",tdelay);
    } else setTimeout("addChar()",tspeed);
  } else {
    setTimeout("addNews()",tdelay)
  }
}

doNews()
</script>

<p><font face="arial" size="1">Acesta este un script gratuit oferit de</font><br>
<a href="http://arenatech.ro"><font face="arial,helvetica" size="1">ArenaTech.ro</font></a></p>
*Email: w.tataieee@gmail.com
*PayPal: w.tataieee@yahoo.com

Avatar utilizator
bogdan1
Membru
Mesaje: 12
Membru din: 10 Ian 2015, 11:21
Țara de origine: Romania
Nume Real: Bogdan
Nivel cunoştinţe IT: 6
Status: Neconectat

Re: Diferite script-uri HTML

Mesajde bogdan1 » 10 Ian 2015, 12:25


Avatar utilizator
tataieee
Administrator
Mesaje: 3803
Membru din: 17 Sep 2014, 17:52
Țara de origine: Romania
Nume Real: Alexandru Costin
Nivel cunoştinţe IT: 10
Localitate: Giurgiu; România
Vârsta: 25
Contact:
Status: Neconectat

Re: Diferite script-uri HTML

Mesajde tataieee » 10 Ian 2015, 12:29

*Email: w.tataieee@gmail.com
*PayPal: w.tataieee@yahoo.com

Avatar utilizator
Razvanell95
Membru
Mesaje: 56
Membru din: 30 Ian 2015, 23:31
Țara de origine: Romania
Nume Real: Razvan
Nivel cunoştinţe IT: 6
Status: Neconectat

Re: Diferite script-uri HTML

Mesajde Razvanell95 » 31 Ian 2015, 00:28

Interesant, anul asta am inceput sa folosesc putin html la liceu , nu strica daca mai invat cateva "smecherii" sa ma dau mare la ore :D

Avatar utilizator
Syncr0n
Tehnician Forum
Mesaje: 137
Membru din: 17 Sep 2014, 19:42
Țara de origine: Romania
Nume Real: Sava Sebastian
Nivel cunoştinţe IT: 7
Localitate: Râmnicu Vâlcea
Vârsta: 19
Contact:
Status: Neconectat

Re: Diferite script-uri HTML

Mesajde Syncr0n » 31 Ian 2015, 01:49

Razvanell95 scrie:Interesant, anul asta am inceput sa folosesc putin html la liceu , nu strica daca mai invat cateva "smecherii" sa ma dau mare la ore :D

Este foarte util sa stii HTML in ziua de astazi. Pe mine ma roaga directoru sa ii fac site-ul de prezentare al scolii.


Înapoi la “HTML, HTML 5, Web Scripting, Index/Intro”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 1 vizitator