Rechercher : dans
Par :

Javascript : Afficher du texte au survol/clic

Dernière réponse le 29 jui 2008 à 18:52:23 SuperAcro, le 29 jui 2008 à 17:10:03 
 Signaler ce message aux modérateurs

Bonjour,

Je suis webmaster et j'aimerais mettre en place un système grâce à du HTML et du Javascript, dans mon site.

Dans l'une de mes pages, j'ai un tableau assez large dont les lignes sont codées de cette façon :

<tr><th>Numéro</th><td>Nom</td><td>Info1</td><td>Info2</td><td>Info3</td><td>Info4</td>
<td>Info5</td><td>Info6</td></tr>

Chaque cellule du tableau fait 80 pixels.

Seulement, j'aimerais savoir s'il existe une fonction permettant de faire la chose suivante : en cliquant sur Nom, dans la deuxième cellule, les cellules Info2 jusqu'à Info6 sont remplacées par une seule cellule de 400 pixels, comportant un autre texte, et vice versa en recliquant sur Nom.
Je souhaite trouver un système du genre pour les lignes qui nécessitent plus d'informations, car sinon mon tableau sera trop large, et je trouve ce système pas mal, s'il existe.

Dans le cas où ça n'existe pas (ou en plus), j'adopterai un système où il suffit de survoler "Nom" pour qu'une fenêtre d'information s'ouvrent, me donnant la description supplémentaire. J'ai vu en postant ce message qu'il y en avait tout plein quand on pointe la souris dans les cases "Titre du message", "Votre pseuo" etc. Et j'aimerais savoir si vous pouviez me dire comment en faire car, même avec le code source, je n'ai pas le script et je ne trouve pas ='(

Merci encore pour votre aide !

Configuration: Windows 2000
Firefox 2.0.0.16

Meilleures réponses pour « Javascript : Afficher du texte au survol/clic » dans :
Javascript - Afficher un message d'au-revoir aux visiteurs Voir Il est parfois très plaisant d'afficher un message en remerciant les visiteurs de votre site de leur passage. Cette astuce a pour but de vous montrer comment s'y prendre. 1.La fonction JavaScript 2.Appel du Script 1.La fonction...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Javascript - Effacer un champ de formulaire lors du clic (focus) VoirIl vous est sûrement arrivé de tomber sur un formulaire HTML avec des valeurs pré-remplies décrivant par exemple le type de valeur attendue. L'intention est louable mais il est désagréable de devoir sélectionner ce texte et le supprimer avant de...
Javascript - Interdire le clic droit de la souris VoirIl est possible d'empêcher que votre visiteur effectue un clic droit sur votre page. Ceci permet une protection relative de vote code source et de vos photos. Placez ce script entre les balises et de votre code HTML :
PHP - Affichage de texte sur le navigateur VoirLe but de PHP est de permettre la création de pages web dynamiques, ainsi son but premier est de pouvoir envoyer des données au navigateur. Les trois fonctions standards PHP fournit 3 fonctions permettant d'envoyer du texte au navigateur. Ces...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...

1

terminatorn, le 29 jui 2008 à 17:20:23
Répondre à terminatorn

2

terminatorn, le 29 jui 2008 à 17:21:05

RESOLU !

Répondre à terminatorn

3

SuperAcro, le 29 jui 2008 à 17:43:46

Je suis désolé mais ça ne répond pas à mon problème... Il n'y a aucun script sur la page que tu m'as envoyé, de surcroît. oO

Répondre à SuperAcro

4

terminatorn, le 29 jui 2008 à 17:46:24

Dsl le générateur de script est sur la page alors merci de ne pas dire que je fait de la merde

Répondre à terminatorn

5

terminatorn, le 29 jui 2008 à 17:47:19

MAIS SI REGARDE YA UN GÉNÉRATEUR DE SCRIPT -_-

Répondre à terminatorn

6

SuperAcro, le 29 jui 2008 à 17:57:48

Ce n'est pas ce que j'ai dit, j'ai juste trouvé ton message un peu expéditif mais bon, je vais continuer à rechercher oO

Répondre à SuperAcro

7

terminatorn, le 29 jui 2008 à 18:06:30

Mais tu vois bien sur la page la il ya des exemple puis un tuto ( la deuxième page )

Répondre à terminatorn

8

SuperAcro, le 29 jui 2008 à 18:08:58

Sur la page j'ai Exemple, Compatibilité, Chiffres, Vous désirez mettre plusieurs liens, Edition du script, Votre script personnalisé

Je pense que la dernirèe catégorie est la bonne, seulement elle est vide, et je ne comprends pas comment il pourra me faire mon script si je lui met ce qu'il y a entre head et body

Répondre à SuperAcro

9

SuperAcro, le 29 jui 2008 à 18:18:24

C'est bon j'ai réussi, pardon ;)

Par contre le message apparaît dans la même cellule. On ne peut pas choisir l'emplacement où il apparait ?

Répondre à SuperAcro

10

terminatorn, le 29 jui 2008 à 18:18:37



Exemple : l'exemple du script
Compatibilité : C'est la compatibilité avec les différents navigateurs ( ta de la chance celui si marche pour tous )
Chiffres : c'est les chiffres du script ( tu ten fou )
Vous désirez mettre plusieurs liens ? : Quelques explications
Edition du script : Voila la tu remplis ce que tu veut et tu appuie sur " Éditer votre script "

Répondre à terminatorn

11

terminatorn, le 29 jui 2008 à 18:20:19

Il suffit que tu modifie l'emplacement du script la ou ca affiche le texte

Répondre à terminatorn

12

SuperAcro, le 29 jui 2008 à 18:40:12

Oui, ça marche, mais penses-tu qu'il y a un moyen pour que ce texte de remplacement soit sur une grande cellule, à la place des 5 cellules ?

Répondre à SuperAcro

13

 terminatorn, le 29 jui 2008 à 18:52:23

Il yen a un mais lequel XD

Répondre à terminatorn