Utiliser un script (pour un inculte)
Narssissik
Messages postés
17
Date d'inscription
Statut
Membre
Dernière intervention
-
Narssissik Messages postés 17 Date d'inscription Statut Membre Dernière intervention -
Narssissik Messages postés 17 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Utiliser un script (pour un inculte)
- Comment utiliser un chromecast - Guide
- Script vidéo youtube - Guide
- Utiliser iphone comme webcam - Guide
- Mas script - Accueil - Windows
- Utiliser tablette comme deuxieme ecran - Guide
1 réponse
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 :
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
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
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 !