Sujet Précédent Sujet Suivant

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

Réponse 1 / 6
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 312
9 avril 2011 à 20:58
merci ca marche !!! c'est exactement ce qu'il me fallait :)
0
Réponse 2 / 6
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
Réponse 3 / 6
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
Réponse 4 / 6
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
8 avril 2011 à 15:05
Merci,

Je teste ca
0

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

Posez votre question
Réponse 5 / 6
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
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
Réponse 6 / 6
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 312
Modifié par mimigenie le 9/04/2011 à 16:50
Ca ne marche toujours pas :(
0

Discussions similaires

programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
Trouver le mot réellement écrit en lettres capitales PIX
ETHAN -
kirikou -

4 réponses
Mon clavier est bloqué, il n'écrit plus !
MURIEL -
Coline -

24 réponses
je ne peux plus écrire avec mon clavier
pierrot -
Aldaje -

10 réponses
le mot secret ne s'affiche pas, comment pourrais-je faire?
v.b.06 -
elevedeprime -

5 réponses