begin process at 2010 03 15 19:37:25
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Atlas

 > 

Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

lundi 17 novembre 2008 à 21:02:45 | Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

Bon soir à tous,

Il y a un Scipt en bas de cette page http://www.smkdgg.com/Filme.html "le code des deux boutons qui se mette en rouge disque on les survole avec la souris " que j'ai demander au près de l'administrateur de site et qui me la fournie, le voilà:


<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('/votreimage1.jpg')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','/votreimage1.jpg',1)"><img src="/votreimage2.jpg" name="Image1" width="382" height="112" border="0"></a>


Après modification sur mon site web, voila se que sa donne:

  <script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('http://larbi.ad.free.fr/images/regarderenstreaming.png')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://larbi.ad.free.fr/images/regarderenstreaming.png',1)"><img src="http://larbi.ad.free.fr/images/regarderenstreaming2.png" name="Image1" width="382" height="112" border="0"></a>

Mon problème c'est que l'image réste toujour rouge " http://larbi.ad.free.fr/images/regarderenstreaming2.png"
voila le résultat dans cette page: http://larbi.ad.free.fr/index.php?file=Page&name=test22

merci de m'aidé à corrigé se code
mardi 18 novembre 2008 à 14:05:40 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

Zobibol

Bien le bonjour, j'ai localisé le problème, mais alors pour l'expliquer...
J'ai regarder le site fournis, et c'est la que tout marche plus.
Avec Firebug, j'ai jeter un coup d'oeil au javascript et je me suis rendu compte que les "&&" c'était transformé en "&amp"; alors le pourquoi du comment, c'est une autre paire de manche, mais dans l'idée l'erreur vient de la !
Peut-être un "remplacer" un peu violent ?

fonction d'origine:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
fonction sur le site:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&amp;&amp;i<a.length&amp;&amp;(x=a[i])&amp;&amp;x.oSrc;i++) x.src=x.oSrc;
}

???

[o-_-o]
mardi 18 novembre 2008 à 18:53:16 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

Merci d'avoir prit le temps de me répondre Zobibol,

Donc, l'erreur vient de là:

Fonction d'origine:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

Fonction sur le site:
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&amp;&amp;i<a.length&amp;&amp;(x=a[i])&amp;&amp;x.oSrc;i++) x.src=x.oSrc;
}

Je fais quoi maintenant pour corrigé cette erreur ?? " sachant que j'ai remplacé les && du petit passage par &amp "

merci de répondre

mardi 18 novembre 2008 à 19:50:16 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

kazma

si je ne me trompe pas c'est un simple rollover que tu cherche ????
mardi 18 novembre 2008 à 21:08:53 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

non, le code Scriptque l'administrateur du smkdgg.com m'avais passé ne fonction pas sur mon site, comme sur le tienne !
et je veux que vous m'aidiez à trouver se qui ne vas pas et corriger si possible l'erreur " en sachant que j'utilise firfox comme navigateur de recherche "

mercredi 19 novembre 2008 à 11:23:33 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

XtremDuke

Réponse acceptée !
Oulala toute un usine à gaz pour faire un rollover... Un simple CSS suffirait amplement.

1- Créé une images avec les deux états sur le même plan (normal / survolé). Tu trouveras ton image à l'adresse suivante :

http://siteecom.net/tmp/regarderenstreaming.png

2- Il te suffit de créer ton lien avec la bonne CSS :

<style type="text/css">
a.btnStream{
display: block;
height: 112px;
width: 382px;
background: transparent url(adresse_de_ton_image) no-repeat 0 0;
}

a.btnStream:hover{
background-position: 0 -112px;
}
</style>
<a href="adresse_du_lien" class="btnStream" title="Regarder en streaming"></a>


Aperçu ici :

http://siteecom.net/tmp/stream.html


A+
mercredi 19 novembre 2008 à 13:15:24 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

Merci beaucoup XtremDuke,
j'ai tester est sa fonction très bien
" j'aime bien votre façon d'expliquer ... , vous êtes trop cool ^^,  je vous note 20/20 "

@++ tard
lundi 24 novembre 2008 à 01:21:55 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

Bon soir,
Le code que vous m'aviez donner XtremDukefonction très bien, mais je voulus tester de mettre plusieur boutan de se type à la fois dans un même code CSS mais sa ne fonction pas , voila mon teste:

<style type="text/css">
a.btnStream{
display: block;
height: 127px;
width: 382px;
background: transparent url(http://img381.imageshack.us/img381/7757/caaabtee2pk1.png) no-repeat 0 0;
}

b.btnStream{
display: block;
height: 112px;
width: 382px;
background: transparent url(http://siteecom.net/tmp/regarderenstreaming.png) no-repeat 0 0;
}

a.btnStream:hover{
background-position: 0 -127px;
}

b.a.btnStream:hover{
background-position: 0 -112px;
}
</style>
<a href="adresse_du_lien" class="btnStream" title="Regarder en streaming"></a>

lol je sais qu'il a plusieurs erreur , je veux que ses 2 boutons envoit vers 2 liens déferants ^^

merci de m'aider 
lundi 24 novembre 2008 à 11:25:30 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

XtremDuke

Réponse acceptée !
a.btnStream

>> le "a" est un sélecteur de tags (ici les ancres <a>). Donc si tu fais  b.btnStream ta classe "btnStream" ne sera appliquée que sur les tags "b" (tag de mise en forme GRAS).

Si tu veux avoir plusieurs images, il te suffit de changer le nom de la classe :

Exemple :

<style type="text/css">
a.btnStream{
display: block;
height: 127px;
width: 382px;
background: transparent url(http://img381.imageshack.us/img381/7757/caaabtee2pk1.png) no-repeat 0 0;
}

a.btnStream_2{
display: block;
height: 112px;
width: 382px;
background: transparent url(http://siteecom.net/tmp/regarderenstreaming.png) no-repeat 0 0;
}

a.btnStream:hover{
background-position: 0 -127px;
}

a.btnStream_2:hover{
background-position: 0 -112px;
}
</style>
<a href="adresse_du_lien" class="btnStream" title="Regarder en streaming"></a>
<a href="adresse_du_lien" class="btnStream_2" title="Regarder en streaming"></a>

lundi 24 novembre 2008 à 17:13:43 | Re : Problème avec le Script: IMAGE QUI CHANGE AU SURVOL DE LA SOURIS image ...

xp3d

merci beaucoup pour votre aide et l'explication XtremDuke  je change rien 20/20

1 2

Cette discussion est classée dans : var, document, for, mm, if


Répondre à ce message

Sujets en rapport avec ce message

demande d'aide sur mon script rotatif [ par bolix ] Lut a tous,G modifier l'emplacement d'une photo sur mon script et celui ci ne marche +.si kelkun pouvez voir se qui ne va pas se serait génial. Ca doi Problème compatibilité de ma page sous Firefox [ par shadow125 ] Hello :)Voila je programme la V 3.2 de mon site et j'aimerai faire un truc vraiement joli :) Donc j'ai fais des jeux de cadre pour faire une structure Appel de fonction via un évènement OnClick ? [ par bside8 ] Bonjour,tout commence par un formulaire PHP dans lequel mes utilisateurs doivent saisir une date.Dans le champ concerné se trouve un gestionnaire d'év Player multi format sécuriter java & php [ par c2bomb ] bonjour a tous,je cherche a afficher mon player,dans une fenetre style popup,mais hélas je suis vraiment nulle en javascript...si quelq'un peut m'aide 2 menuS deroulants java dans une page [ par DEVLYNE ] Bonjour!Sachez que je suis uns très grande débutante mais j'ai un petit souci.J'utilise un logiciel gratuit: Coffee Cup DHTML menu pour faire mes menu Compilation conditionnelle. [ par A3nigma64 ] J'ai trouvé un script assez bien pour faire un compte à rebours mais voila lorsque je l'applique sur une de mes page web le compte à rebours ne s'affi fausse popup [ par macone59 ] Je cherche à faire une fausse popup. C'est à dire qu'au depart j'ai une img visible puis au sur vol de celle-ci une image apparait en plus grand.Voici Comment centrer un ensemble de calques ? [ par chabgyver ] Bonjour,J'ai crée une interface regroupant un ensemble de div au milei duquel se trouve une iframe et j'aimerai centrer le tout horizontalement et pou Afficher texte avec X et Y [ par bshaka ] Bonjour à tous,j'ai trouvé sur le web cette fonction qui affiche date et heure à une position x et y, pour l'appeler, je fais :InitHorloge(265,56,"fon Help me please [ par balbeur ] [:)] Bonjour à tous J'ai trouvé un formulaire sur le net apparamment en Javascript.Quasi pile poil ce que je cherchais.Je les donc modifié un peu a


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales