Utiliser un script (pour un inculte)

Fermé
Narssissik Messages postés 17 Date d'inscription dimanche 5 août 2012 Statut Membre Dernière intervention 29 juillet 2013 - 21 févr. 2013 à 12:14
Narssissik Messages postés 17 Date d'inscription dimanche 5 août 2012 Statut Membre Dernière intervention 29 juillet 2013 - 21 févr. 2013 à 13:56
Bonjour,


Avant tout, je tiens à préciser que je n'y connais rien en programmation ! (nan c'est pas vrai j'ai déjà fais un .exe pour lancer Starcraft 1 sans les problèmes de coloration , mais google était avec moi.)
Voila je vous explique,
Je voudrais aider une amie qui essaye de faire apparaître une image quand la souris passe sur un repère (mot, image,...).
Je me lance et jusque la je m'en sort, google est mon ami, et je trouve ceci :

<script language="javascript">

<!--

function afficherImage()

{

document.getElementById('zoneImg').innerHTML = '<img src="<a href="http://www.google.fr/images/firefox/fox1.gif" target="_blank">http://www.google.fr/images/firefox/fox1.gif</a>" />';

}


function enleverImage()

{

document.getElementById('zoneImg').innerHTML = '';

}

-->

</script>


<div onmouseover="afficherImage();" onmouseout="enleverImage();">Afficher</div>

<label id="zoneImg"></label>


Seulement après je me rend compte que je n'ai aucune idée de quoi en faire, et je ne trouve rien qui m'éclaire vraiment à ce sujet, donc je m'en remet a vous tous !

J'espere que je n'ai rien oublié, et si vous avez des questions je reste a proximité ^^.
Merci d'avance !

Narss

A voir également:

1 réponse

GeeksdelaCave Messages postés 16 Date d'inscription vendredi 20 avril 2012 Statut Membre Dernière intervention 21 février 2013 2
21 févr. 2013 à 12:34
Bonjour,

Alors le début est du JavaScript, déclaration de deux méthodes à inclure dans une page Web grâce aux balises HTML, qui est situé à la fin du code.

Je ne me connais pas spécialement en JavaScript, mais après 2 - 3 tests, j'ai trouvé. Le code présent vous affiche "Afficher". Au passage de la souris sur ce texte, il vous affiche une image. Il va donc falloir inverser image et texte dans les méthodes définies en Js et dans la balise HTML.

Au passage sur l'image, on affiche le texte et quand le curseur quitte l'image alors supprimer le texte.

Soit au final le code suivant :

<script language="javascript"> 

<!-- 

function showTxt() 

{ 

document.getElementById('zoneTxt').innerHTML = 'Navigateur Google Chrome'; 

} 


function hideTxt() 

{ 

document.getElementById('zoneTxt').innerHTML = ''; 

} 

--> 

</script> 


<div onmouseover="showTxt();" onmouseout="hideTxt();"><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcSYEJOXBu6N-RM61U9WB6BBl5EDdx4lm0F69HmrJ7gjTsuHB-za" /></div> 

<label id="zoneTxt"></label> 


Donc, on a au milieu le texte Navigateur Google Chrome, et en bas l'image qui est affichée.

Pour plus d'informations, je préfère passer via Skype, merci de me MP pour obtenir mon pseudo.

Bonne journée
1
Narssissik Messages postés 17 Date d'inscription dimanche 5 août 2012 Statut Membre Dernière intervention 29 juillet 2013
21 févr. 2013 à 12:50
Je crois que j'ai mal ciblé ma question en fait ^^ ,
J'ai trouver un ami qui fait se genre de truc du coup , mais c'est l'utilisation de ce script qui m'ennuis. ou plutôt comment on l'utilise.
Enfin toujours est-il que je posterais mon avancé et j'aviserais de votre proposition après =) merci en tout cas !
0
GeeksdelaCave Messages postés 16 Date d'inscription vendredi 20 avril 2012 Statut Membre Dernière intervention 21 février 2013 2
21 févr. 2013 à 13:42
Le script est au début, après à partir de <div> jusqu'à </label> c'est un exemple d'utilisation.
0
Narssissik Messages postés 17 Date d'inscription dimanche 5 août 2012 Statut Membre Dernière intervention 29 juillet 2013
21 févr. 2013 à 13:56
Okay c'est déjà plus clair dans ma tête =D merci !
0