Onglet pour changer ce qui est écrit

Résolu/Fermé
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 - 7 avril 2011 à 18:54
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 - 9 avril 2011 à 20:58
Bonjour,


J'aimerais bien faire sur une de mes pages, un tableau mais avec des onglets qui changent ce qui est écrit dans le tableau mais en restant sur la même page.

Avec quoi est-ce que je peux faire ca et comment ?

Merci d'avance


A voir également:

6 réponses

creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
9 avril 2011 à 19:41
<!-- Le tableau à modifier -->
<div id="truc">blabla</div>
<!-- Un bouton qui modifiera le contenu du tableau -->
<img src="monBouton.jpg" onclick="document.getElementById('truc').innerHTML='nouveau texte';"/>
1
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
9 avril 2011 à 20:58
merci ca marche !!! c'est exactement ce qu'il me fallait :)
0
creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
8 avril 2011 à 01:54
Pour ceux qui veulent faire du dynamique côté client sans forcément maîtriser la programmation en JavaScript, je ne peux que conseiller la librairie JQuery.
0
Blopette Messages postés 315 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 3 octobre 2012 273
8 avril 2011 à 14:38
Il existe tout de même une méthode simple en Javascript :

Sur chacun de tes boutons (balises img), tu mets un attribut "onclick" et dans ce onclick, tu changes le contenu de ton tableau. Exemple :

<!-- Le tableau à modifier -->
<div id="truc">blabla</div>

<!-- Un bouton qui modifiera le contenu du tableau -->
<img src="monBouton.jpg" onclick="getElementById('truc').value='nouveau texte';"/>
0
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
8 avril 2011 à 15:05
Merci,

Je teste ca
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
8 avril 2011 à 15:16
Ca ne marche pas ou alors j'ai pas compris.

Quand je clique sur l'image, le "blabla" ne devient pas "nouveau texte"

Que dois je faire pour que ca marche ?
0
creadiff Messages postés 445 Date d'inscription samedi 3 avril 2010 Statut Membre Dernière intervention 3 novembre 2011 57
9 avril 2011 à 15:13
Il faut remplacer getElementById par document.getElementById
0
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
Modifié par mimigenie le 9/04/2011 à 16:50
Ca ne marche toujours pas :(
0