Afficher un message au clic de la souris
MartinLabrosse
Messages postés
237
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai un problème, j'aimerai que lorsque je clique sur un mot, un autre apparait..
Exemple, je clique sur Cliquez sur moi et puis en dessous ou à coté ca affiche Bravo !!!!
Est-ce possible en html ou autre ?
Merci d'avance !
J'ai un problème, j'aimerai que lorsque je clique sur un mot, un autre apparait..
Exemple, je clique sur Cliquez sur moi et puis en dessous ou à coté ca affiche Bravo !!!!
Est-ce possible en html ou autre ?
Merci d'avance !
A voir également:
- Afficher un message au clic de la souris
- Comment recuperer un message supprimé sur whatsapp - Guide
- Epingler un message whatsapp - Accueil - Messagerie instantanée
- Quelle touche pour débloquer la souris ? - Guide
- Message supprimé whatsapp - Guide
- Windows 11 clic droit afficher plus d'options par défaut - Guide
38 réponses
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript">
function toggleText(lmt, text)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
</head>
<body>
<p id="example">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sem quam, tincidunt nec, dictum quis, rutrum ac, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <span onclick="toggleText(this,'Nouveau texte !')">Nullam sit amet lorem.</span> Sed eleifend, odio sed vestibulum porttitor, lorem lectus aliquet ligula, id faucibus lacus tellus nec tellus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean consequat metus vitae lacus. Proin eu ligula. Mauris eget magna non diam faucibus aliquet. Curabitur suscipit neque eget neque. Nullam et nisl. Aenean sem. Vestibulum at felis. Aliquam a arcu at purus tincidunt accumsan. Curabitur quis diam.</p>
</body>
</html>
Ca marche pas, ca me mets ca :
Au lieu de me donner mon mot qui change quand je clique dessus et qui reviens à son état d'origine quand je clique sur le nouveau....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript">
function toggleText(lmt, text)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
</head>
<body>
<p id="example">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sem quam, tincidunt nec, dictum quis, rutrum ac, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <span onclick="toggleText(this,'Nouveau texte !')">Nullam sit amet lorem.</span> Sed eleifend, odio sed vestibulum porttitor, lorem lectus aliquet ligula, id faucibus lacus tellus nec tellus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean consequat metus vitae lacus. Proin eu ligula. Mauris eget magna non diam faucibus aliquet. Curabitur suscipit neque eget neque. Nullam et nisl. Aenean sem. Vestibulum at felis. Aliquam a arcu at purus tincidunt accumsan. Curabitur quis diam.</p>
</body>
</html>
Au lieu de me donner mon mot qui change quand je clique dessus et qui reviens à son état d'origine quand je clique sur le nouveau....
ca me mets ca
qu'est-ce que tu veux dire ?
il t'affiche le code source ?
tu as bien nommé ton fichier avec l'extension ".html" ?
qu'est-ce que tu veux dire ?
il t'affiche le code source ?
tu as bien nommé ton fichier avec l'extension ".html" ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ca m'affiche le code source. Et aussi, de quelle fichier parle tu ? Aucun fichier moi, je veux juste que quand on clique sur teste ca nous met bravo et quand on clique sur bravo, ca nous remet teste -le mot de DEPART- !!!
de quelle fichier parle tu ? Aucun fichier moi
(Ô_Ô)
et le code que je te donne, tu en fais quoi si ce n'est pas indiscret ?
(Ô_Ô)
et le code que je te donne, tu en fais quoi si ce n'est pas indiscret ?
Je le mets en head et /head puis je fais un saut de ligne et j'écris comme tu m'as dit
Mais ca m'affiche le code source...
Pourquoi ?
Merci de toute l'attention que tu me portes depuis le début à moi qui suis si ignorant !!!
<span onclick="toggleText(this,'bravo')">teste</span>
Mais ca m'affiche le code source...
Pourquoi ?
Merci de toute l'attention que tu me portes depuis le début à moi qui suis si ignorant !!!
on reprend depuis le début !
• tu ouvres le Bloc Notes ;
• tu colles dedans le code que je t'ai filé en <22> ;
• tu fais Fichier/Enregistrer sous... ;
• tu choisis le Bureau comme emplacement et tu nommes le fichier "test.html", comme type de fichier tu mets "Tous les fichiers" et tu enregistres ;
• tu ouvres ton navigateur, puis Fichier/Ouvrir un fichier ;
• tu choisis le Bureau, puis le fichier "test.html" que tu viens de créer ;
• la page devrait s'afficher, dans le texte si tu cliques sur "Nullam sit amet lorem." il devrait s'afficher "Nouveau texte !" et inversement.
• tu ouvres le Bloc Notes ;
• tu colles dedans le code que je t'ai filé en <22> ;
• tu fais Fichier/Enregistrer sous... ;
• tu choisis le Bureau comme emplacement et tu nommes le fichier "test.html", comme type de fichier tu mets "Tous les fichiers" et tu enregistres ;
• tu ouvres ton navigateur, puis Fichier/Ouvrir un fichier ;
• tu choisis le Bureau, puis le fichier "test.html" que tu viens de créer ;
• la page devrait s'afficher, dans le texte si tu cliques sur "Nullam sit amet lorem." il devrait s'afficher "Nouveau texte !" et inversement.
salut,
sur le côté de quoi ?
sur le côté de quoi ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript">
function toggleText(lmt, text)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
</head>
<body>
<p id="example">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sem quam, tincidunt nec, dictum quis, rutrum ac, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <span onclick="toggleText(this,'Nouveau texte !')">Nullam sit amet lorem.</span> Sed eleifend, odio sed vestibulum porttitor, lorem lectus aliquet ligula, id faucibus lacus tellus nec tellus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean consequat metus vitae lacus. Proin eu ligula. Mauris eget magna non diam faucibus aliquet. Curabitur suscipit neque eget neque. Nullam et nisl. Aenean sem. Vestibulum at felis. Aliquam a arcu at purus tincidunt accumsan. Curabitur quis diam.</p>
</body>
</html>
Ca marche !!!! Mais comment (désolé d'être énervant avec mes questions) on fait pour que les deux textes ou le premier seulement ou seulement le deuxième soit en couleur et en plis petit ???
Merci pour tout...
Merci pour tout...
salut,
il faut modifier la fonction :
et ajouter le style dans l'appel de la fonction :
il faut modifier la fonction :
<script type="text/javascript">
function toggleText(lmt, text, css)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.style = css;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
et ajouter le style dans l'appel de la fonction :
<span onclick="toggleText(this, 'Nouveau texte !', 'color:#FF0000;font-size:.6em;')">Nullam sit amet lorem.</span>
salut,
l'endroit où tu fais appel à la fonction :
l'endroit où tu fais appel à la fonction :
toggleText(this, 'Nouveau texte !', 'color:#FF0000;font-size:.6em;')
Ca devrait donner ça en tout pour que ca marche ? :
Ou bien c'est faux ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Titre</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15" />
<meta http-equiv="content-language" content="fr" />
<script type="text/javascript">
function toggleText(lmt, text, css)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.style = css;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
function toggleText(lmt, text)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
</head>
<body>
<p id="example">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sem quam, tincidunt nec, dictum quis, rutrum ac, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; <span onclick="toggleText(this, 'Nouveau texte !', 'color:#FF0000;font-size:.6em;')</span> Sed eleifend, odio sed vestibulum porttitor, lorem lectus aliquet ligula, id faucibus lacus tellus nec tellus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean consequat metus vitae lacus. Proin eu ligula. Mauris eget magna non diam faucibus aliquet. Curabitur suscipit neque eget neque. Nullam et nisl. Aenean sem. Vestibulum at felis. Aliquam a arcu at purus tincidunt accumsan. Curabitur quis diam.</p>
</body>
</html>
Ou bien c'est faux ?
re,
tu as mis deux fois la fonction au lieu de la remplacer.
à la place de ça :
mets simplement ça :
tu as mis deux fois la fonction au lieu de la remplacer.
à la place de ça :
<script type="text/javascript">
function toggleText(lmt, text, css)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.style = css;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
function toggleText(lmt, text)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
mets simplement ça :
<script type="text/javascript">
function toggleText(lmt, text, css)
{
if(!lmt)
return false;
var prevText = lmt.innerHTML;
lmt.innerHTML = text;
lmt.style = css;
lmt.onclick = function(){ toggleText(lmt, prevText); };
}
</script>
