Dynamisme HTML pour page d'accueil

Fermé
DAdvantages - 7 janv. 2013 à 18:07
 DAdvantages - 8 janv. 2013 à 09:15
Bonjour à tous,

J'ai besoin de votre science car je galère assez !

Voilà je dois créer une page d'accueil HTML avec un blabla basique"sélectionnez votre langue", sauf que mon client veut du dynamisme :

1/ Changement de texte avec un MouseOver

1ere ligne : Bienvenue sur la page machin truc"
En dessous, la liste langues Anglais / Français / Espagnol etc en toute lettre

Il faudrait que lorsque l'on passe la souris sur le mot "Anglais", le texte du dessus change et se mette en anglais 'Welcome on bidule truc page" (j'ai déjà les trads)

Mon soucis c'est que je ne maitrise pas vraiment le HTML et j'ai réussi à récupérer un code qui fonctionnait impec avec des drapeaux à la place des mots :

JS :
<script language="JavaScript" type="text/javascript">
function cursorOverFlag(obj, textAlt, textSelect, textSelect2) {

obj.className = 'ImgFlagOver';

window.status = textAlt;

document.getElementById('TextSelect').innerHTML = textSelect;

document.getElementById('TextSelect2').innerHTML = textSelect2;

}

</script>

Puis dans le HTML :

<img src="drapeau.jpg" alt="Français" border="0" onMouseOver="cursorOverFlag(this, 'Français', 'Choisissez votre langue : Français ', 'Page de Machin truc');"


(Y'avait même une langue de base quand on arrivait sur la page d'où les TextSelec2 dans le JS, je suppose)

Mon souci étant que je ne peux pas mettre de drapeaux, il faut juste des noms de langues....
Quelqu'un saurait comment coder ca ?


2/ Insérer un lien dans le nom des langues
Parceque sinon ca ne serait pas drôle, mon client veut que : si on passe juste la souris sans cliquer sur le lien, ca change la langue, mais que en plus, si on clique sur la langue, on a un lien qui nous redirige vers la page dans la langue choisie.
Bon je sais insérer un lien sur un mot, mais justement, je ne sais pas le faire en même temps que la fonction CursorOver :(

3/ Question bonus : changer la police du nom de la langue
Pareil qu'au dessus, dans les cas isolés je sais faire, mais en combinant ca + l'insertion de lien + le CursorOver (ou toute autre fonction équivalente), je ne sais plus :(


Quelqu'un peut-il m'aider ???





A voir également:

2 réponses

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
7 janv. 2013 à 20:40
Remplace l'image par une balise a, ça résoudra aussi ton problème numéro 2
<a href="/ma_page.html" onMouseOver="cursorOverFlag(this, 'Français', 'Choisissez votre langue : Français ', 'Page de Machin truc');" class='super_police'>Français</a>

Pour la police :
Dans ta feuille de style tu a la class super_police, donc un p'tit
.super_police{font-family: truc,bidule, chouette, serif; }
Devrait faire l'affaire.
0
Merci !
J'ai réussi à bidouiller un truc qui "fonctionne" mais qui doit être hautement aberrant pour un codeur :D

merci pour ton aide Nhay !
0