iziSpot : Création de site internet


   
bonjour

voici  un script  avec un texte qui suit la souris

dans  la partie source html head  vous copiez  ce  script 

<!-- DEBUT DU SCRIPT --><style>
.spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:16pt;
    font-family:Verdana;
      font-weight:bold;
    color:#000000;
}
</style>
<script language=JavaScript>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php

*/

var x,y
var step=20
var flag=0

var message='salut '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
    xpos=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
    ypos=-50
}
function handlerMM(e){
    x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
       y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
    flag=1
}

function makesnake() {
    if (flag==1 && document.getElementById) {
        for (i=message.length-1; i>=1; i--) {
               xpos=xpos[i-1]+step
            ypos=ypos[i-1]
        }
        xpos[0]=x+step
        ypos[0]=y

        for (i=0; i<message.length-1; i++) {
            var thisspan = document.getElementById('span'+(i)).style;
            thisspan.left=xpos
            thisspan.top=ypos
        }
    }
        var timer=setTimeout("makesnake()",30)
}

</script>
<!-- FIN DU SCRIPT -->


dans la partie source html body
vous allez copier ce script aprés la balise body


<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
<script language=JavaScript>
for (i=0;i<=message.length-1;i++) {
    document.write("<DIV id=span"+i+" class=spanstyle>")
    document.write(message)
    document.write("</DIV>")
}

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = handlerMM;
   }

window.onload = makesnake;
</script>
<!-- FIN DU SCRIPT -->


explication  dans source html body (c'est le code html de votre page vous cherchez a partir de la ligne du haut cette inscription)
body
vous faites un copier coller du texte 

aprés ce mot


<BODY>

<!-- DEBUT DU SCRIPT -->

<!--

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT

http://www.editeurjavascript.com

-->

<script language=JavaScript>

for (i=0;i<=message.length-1;i++) {

    document.write("<DIV id=span"+i+" class=spanstyle>")

    document.write(message)

    document.write("</DIV>")

}


if (document.getElementById)

   {

   if(navigator.appName.substring(0,3) == "Net")

      document.captureEvents(Event.MOUSEMOVE);

   document.onmousemove = handlerMM;

   }


window.onload = makesnake;

</script>

<!-- FIN DU SCRIPT -->

et si vous n'y arrivé pas n'hésitez pas à me contacter


vous pouvez voir un exemple sur le site ci dessous

eddy


Edité par eddy - 20 Mars 2007 à 19:55

Auteur	Message Sujet Recherche Options des sujets Répondre Créer un nouveau sujet Version imprimable
eddy Profil des membres Trouve les messages des membres Visiter la page des membres Ajouter à la liste Moderator Group Depuis le: 13 Août 2006 Status actuel: Inactif Messages: 768	Sujet: texte qui suit la souris Envoyé : 10 Mars 2007 à 09:36
	bonjour voici un script avec un texte qui suit la souris dans la partie source html head vous copiez ce script <!-- DEBUT DU SCRIPT --><style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:16pt; font-family:Verdana; font-weight:bold; color:#000000; } </style> <script language=JavaScript> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com URL du script : http://www.editeurjavascript.com/scripts/scripts_textes_1_78.php */ var x,y var step=20 var flag=0 var message='salut ' message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos=-50 } function handlerMM(e){ x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; flag=1 } function makesnake() { if (flag==1 && document.getElementById) { for (i=message.length-1; i>=1; i--) { xpos=xpos[i-1]+step ypos=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = document.getElementById('span'+(i)).style; thisspan.left=xpos thisspan.top=ypos } } var timer=setTimeout("makesnake()",30) } </script> <!-- FIN DU SCRIPT --> dans la partie source html body vous allez copier ce script aprés la balise body <!-- DEBUT DU SCRIPT --> <!-- SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com --> <script language=JavaScript> for (i=0;i<=message.length-1;i++) { document.write("<DIV id=span"+i+" class=spanstyle>") document.write(message) document.write("</DIV>") } if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = handlerMM; } window.onload = makesnake; </script> <!-- FIN DU SCRIPT --> explication dans source html body (c'est le code html de votre page vous cherchez a partir de la ligne du haut cette inscription) body vous faites un copier coller du texte aprés ce mot <BODY> <!-- DEBUT DU SCRIPT --> <!-- SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT http://www.editeurjavascript.com --> <script language=JavaScript> for (i=0;i<=message.length-1;i++) { document.write("<DIV id=span"+i+" class=spanstyle>") document.write(message) document.write("</DIV>") } if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = handlerMM; } window.onload = makesnake; </script> <!-- FIN DU SCRIPT --> et si vous n'y arrivé pas n'hésitez pas à me contacter vous pouvez voir un exemple sur le site ci dessous eddy Edité par eddy - 20 Mars 2007 à 19:55
	http://nimblewolfappaloosa.izispot.com

kirmg950 Profil des membres Trouve les messages des membres Visiter la page des membres Ajouter à la liste Newbie Depuis le: 28 Avril 2007 Pays: France Status actuel: Inactif Messages: 0	Envoyé : 28 Avril 2007 à 08:04
	Bonjour, merci déjà pour vos info - Cela donne pas mal d'idée Ceci dit, débutant dans la création de site, je ne suis pas encore au point. J'ai essayé cet exemple et ce n'est pas concluant. J'ai bien mis la partie "Source HTML Head" - J'ai un doute sur la partie BODY car cet onglet était déjà bien rempli et j'ai peur de ne pas l'avoir insérer au bon endroit Voici ci-dessous le début de cettepage avec les lignes insérées et l'adresse du site : http://perso.orange.fr/epiais-rhus.biblio <P align=center DESIGNTIMESP="27770"> </P> <P align=center DESIGNTIMESP="27770"> <TABLE style="WIDTH: 918px; HEIGHT: 692px" cellSpacing=0 cellPadding=0 width=918 align=center border=0 DESIGNTIMESP="27771"> <TBODY DESIGNTIMESP="27772"> <TR DESIGNTIMESP="27773"> <TD vAlign=center align=middle DESIGNTIMESP="27774"> <P> </P></TD> <TD width=20 DESIGNTIMESP="27775"></TD> <TD width=20 DESIGNTIMESP="27776"> <P align=center DESIGNTIMESP="27777"> </P> <P align=center DESIGNTIMESP="27777"> </P></TD></TR> <TR DESIGNTIMESP="27778"> <TD vAlign=center align=middle DESIGNTIMESP="27779"> <P align=center DESIGNTIMESP="27780"><FONT face="" DESIGNTIMESP="27781"><IMG src="http://localhost:5126/image.asp?num_image=157" border=0></FONT></P></TD> <TD width=20 DESIGNTIMESP="27783"> <P align=center DESIGNTIMESP="27784"><FONT face="Times New Roman" size=2 DESIGNTIMESP="27785"><STRONG DESIGNTIMESP="27786"><EM DESIGNTIMESP="27787"></EM></STRONG></FONT> </P></TD> <TD width=600 DESIGNTIMESP="27788"> <P align=left DESIGNTIMESP="27789"><FONT color=#ffffff DESIGNTIMESP="27790"><EM DESIGNTIMESP="27791"><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27792"><FONT face=Georgia DESIGNTIMESP="27793"><FONT size=2 DESIGNTIMESP="27794"><FONT color=#ffffff DESIGNTIMESP="27795"><STRONG DESIGNTIMESP="27796">C</STRONG>réée il y a 22 ans, la bibliothèque d’EPIAIS-RHUS c’est aujourd’hui :</FONT> </FONT></FONT></SPAN></EM></FONT></P> <UL DESIGNTIMESP="27797"> <LI DESIGNTIMESP="27798"> <DIV align=left DESIGNTIMESP="27799"><FONT color=#ffffff DESIGNTIMESP="27800"><EM DESIGNTIMESP="27801"><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27802"></SPAN></EM></FONT><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27803"><FONT face=Georgia color=#ffffff size=2 DESIGNTIMESP="27804"><EM DESIGNTIMESP="27805">Plus de 1500 romans et livres policiers avec 15 nouveautés par trimestre.</EM></FONT></SPAN></DIV> <LI DESIGNTIMESP="27806"> <DIV align=left DESIGNTIMESP="27807"><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27808"></SPAN><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27809"><FONT face=Georgia color=#ffffff size=2 DESIGNTIMESP="27810"><EM DESIGNTIMESP="27811">Plus de 2500 livres enfants dont un grand choix de BD, mangas, documentaires et livres d’images.</EM></FONT></SPAN></DIV> <LI DESIGNTIMESP="27812"> <DIV align=left DESIGNTIMESP="27813"><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27814"></SPAN><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27815"><FONT face=Georgia color=#ffffff size=2 DESIGNTIMESP="27816"><EM DESIGNTIMESP="27817">Un point relais de la Bibliothèque Départementale du Val d’Oise.</EM></FONT></SPAN></DIV></LI></UL></TD></TR> <TR DESIGNTIMESP="27818"> <TD width=300 DESIGNTIMESP="27819"> <P align=center>    </P></TD> <TD width=20 DESIGNTIMESP="27820"></TD> <TD DESIGNTIMESP="27821"> </TD></TR> <TR DESIGNTIMESP="27822"> <TD align=middle width=300 DESIGNTIMESP="27823"><FONT face=Georgia color=#ffffff size=5 DESIGNTIMESP="27824"><EM DESIGNTIMESP="27825"> <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt" align=left DESIGNTIMESP="27826"><SPAN style="FONT-SIZE: 9pt; COLOR: navy; FONT-FAMILY: 'Arial Narrow'; mso-bidi-font-family: 'Courier New'" DESIGNTIMESP="27827"><FONT face="" color=#ffffff size=3 DESIGNTIMESP="27828"><EM DESIGNTIMESP="27829">A ce jour, une centaine d’adhérents font déjà partie de nos fidèles lecteurs, et afin de mieux vous recevoir, la Bibliothèque s’informatise.</EM></FONT></SPAN></EM></FONT></P></TD> <TD width=20 DESIGNTIMESP="27830"></TD> <TD width=300 DESIGNTIMESP="27831">  <P align=center><IMG height=193 src="http://localhost:5126/image.asp?num_image=18" width=218 border=0 DESIGNTIMESP="27832"></P></TD></TR> <TR DESIGNTIMESP="27833"> <TD width=300 DESIGNTIMESP="27834"></TD> <TD width=20 DESIGNTIMESP="27835"></TD> <TD DESIGNTIMESP="27836"> </TD></TR> <TR DESIGNTIMESP="27837"> <TD align=left width=300 DESIGNTIMESP="27838"> <P align=center DESIGNTIMESP="27839"><STRONG DESIGNTIMESP="27840"><EM DESIGNTIMESP="27841"><FONT face=Georgia color=#ffffff size=3 DESIGNTIMESP="27842"> <TABLE cellSpacing=0 cellPadding=0 width=300 align=center border=0 DESIGNTIMESP="27843"> <TBODY><!-- DEBUT DU SCRIPT --><!--SCRIPT EDITE SUR L'EDITEUR JAVASCRIPThttp://www.editeurjavascript.com--> <SCRIPT language=JavaScript> for (i=0;i<=message.length-1;i++) { document.write("<DIV id=span"+i+" class=spanstyle>") document.write(message) document.write("</DIV>") } if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = handlerMM; } window.onload = makesnake; </SCRIPT> <!-- FIN DU SCRIPT --> <TBODY> <TR DESIGNTIMESP="27844"> <TD DESIGNTIMESP="27845"> <P align=center DESIGNTIMESP="27846"><FONT face=Georgia color=#ffffff size=4 DESIGNTIMESP="27847"><STRONG DESIGNTIMESP="27848"><EM DESIGNTIMESP="27849">Brocante d'EPIAIS-RHUS</EM></STRONG></FONT></P></TD></TR> <TR DESIGNTIMESP="27850"> <TD DESIGNTIMESP="27851"> <P align=center DESIGNTIMESP="27852"><FONT size=3 DESIGNTIMESP="27853"><FONT face=Georgia DESIGNTIMESP="27854"><EM DESIGNTIMESP="27855"><FONT color=#ffffff DESIGNTIMESP="27856">Dimanche 27  Mai 2007</FONT></EM> </FONT></FONT></P></TD></TR> <TR DESIGNTIMESP="27857"> <TD DESIGNTIMESP="27858">

Bryan*Pierre Profil des membres Trouve les messages des membres Visiter la page des membres Ajouter à la liste Admin Group Depuis le: 20 Janvier 2007 Pays: France Status actuel: Inactif Messages: 5505	Envoyé : 23 Septembre 2007 à 13:51
	Bonjour, Un autre script sympa sur cette page: http://www.ccim.be/ccim328/trucs/txt22.html Bonne utilisation! l'adresse du site ccim.be est en erreur ! Edité par robert-rosso.fr - 06 Juin 2009 à 11:20

Elena Profil des membres Trouve les messages des membres Ajouter à la liste Newbie Depuis le: 21 Septembre 2009 Status actuel: Inactif Messages: 6	Envoyé : 21 Septembre 2009 à 11:09
	Bonjour, je n'arrive pas a mettre un texte suivant la souris. Qu'est ce que je dois copier exactement? Merci

jeuxdangereux Profil des membres Trouve les messages des membres Visiter la page des membres Ajouter à la liste Newbie Depuis le: 14 Septembre 2009 Pays: France Status actuel: Inactif Messages: 0	Envoyé : 05 Octobre 2009 à 16:59
	monsieur, je voudrais mettre ce script mais je n'y arrive pas je ne comprends pas après BODY . j'ai un message fixe en gras qui s'affiche mais cela ne suit pas la souris . j'aimerais faire un encadré avec un texte qui suit ma souris . je vous remercie de m'aider
	Sosbenjamin association de lutte et de prévention contre les jeux dangereux .

LLEU Profil des membres Trouve les messages des membres Ajouter à la liste Newbie Depuis le: 21 Avril 2010 Pays: France Status actuel: Inactif Messages: 0	Envoyé : 21 Avril 2010 à 14:16
	Bonjour, Je viens vers vous pour une autre questions dans le site que vous avez donné en exemple http://nimblewolfappaloosa.izispot.com comment faire pour introduire a mon site le même plan ?
	Valérie

fleurebleue Profil des membres Trouve les messages des membres Visiter la page des membres Ajouter à la liste Moderator Group Depuis le: 19 Janvier 2007 Pays: France Status actuel: Inactif Messages: 9125	Envoyé : 21 Avril 2010 à 18:12
	Bonsoir LLEU, Pas de question dans ce forum. Pourriez-vous mettre votre message dans "Discussion génerale". Merci de votre compréhension!