Afficher le contenu d une div grace a id=
Fermé
kahilesgi
Messages postés
79
Date d'inscription
mercredi 27 juin 2007
Statut
Membre
Dernière intervention
7 août 2007
-
30 juil. 2007 à 15:10
Alain42 - 31 juil. 2007 à 15:28
Alain42 - 31 juil. 2007 à 15:28
A voir également:
- Afficher le contenu d une div grace a id=
- Word a trouvé du contenu illisible - Guide
- Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
- Afficher mot de passe wifi android - Guide
- Document id lycamobile - Forum Logiciels
7 réponses
essayes en supprimant: visibility:hidden dans :
<body>
<div id="courant" class="focus" ; position:absolute; visibility:hidden;">
aaaaa
</div>
<div id="titre" class="cache" ; position:absolute; visibility:hidden;">
bbbbbbbb
</div>
<input type="button" value="compte1" onclick="affichage('courant', 'titre');">
<input type="button" value="compte2" onclick="affichage('titre','courant');">
<body>
et dans la balise <Body tu mets un appel de fonction onLoad=masquer('courant','titre');
et tu fais une fonction masquer(....
qui va te mettre par des getElementsById tes deux div 'hidden'
Sino il me semble qu'il te manque des guillemets dans la ligne
<ital><body>
<div id="courant" class="focus" ;" position:absolute; visibility:hidden;">
<body>
<div id="courant" class="focus" ; position:absolute; visibility:hidden;">
aaaaa
</div>
<div id="titre" class="cache" ; position:absolute; visibility:hidden;">
bbbbbbbb
</div>
<input type="button" value="compte1" onclick="affichage('courant', 'titre');">
<input type="button" value="compte2" onclick="affichage('titre','courant');">
<body>
et dans la balise <Body tu mets un appel de fonction onLoad=masquer('courant','titre');
et tu fais une fonction masquer(....
qui va te mettre par des getElementsById tes deux div 'hidden'
Sino il me semble qu'il te manque des guillemets dans la ligne
<ital><body>
<div id="courant" class="focus" ;" position:absolute; visibility:hidden;">
// tu remets ta fonction affichage(eltAafficher, eltAcacher) .......
et
//fonction masquer au chargement
function Masquer(elt1, elt2)
{
var eltAcacher1 = document.getElementById(elt1);
eltAcacher1.style.visibility="hidden";
var eltAcacher2 = document.getElementById(elt2);
eltAcacher2.style.visibility="hidden";
}
</script>
<body onLoad="Masquer('courant', 'titre');"'>
<div id="courant" class="focus" ;" position:absolute;;">
aaaaa
</div>
<div id="titre" class="cache" ;" position:absolute; "">
bbbbbbbb
</div>
<input type="button" value="compte1" onclick="affichage('courant', 'titre');">
<input type="button" value="compte2" onclick="affichage('titre','courant');">
<body>
kahilesgi
Messages postés
79
Date d'inscription
mercredi 27 juin 2007
Statut
Membre
Dernière intervention
7 août 2007
2
30 juil. 2007 à 17:17
30 juil. 2007 à 17:17
jai essayer de metre les bouttons d un coter et les div de l autre
et jai insere des alert entre chaque var pour voir si mon code marche
si je separer le boutton de lafichage c est parceque je travaille sur des ,module
et jaimerais que quand je clike sur un bouton il mapelle les contenu de la div
voila comment jai fait ca
dans mon module bouton jai mit!
et dans mon module afichage jai mis
et voila ce que je voudrais faire
quand je clique sur un bouton il aille mafiche le contenu mais c marche pas
quand j execute il me met test1
test2
c tout il ne continu pas et il saute la fonction eltAfficher!
et jai insere des alert entre chaque var pour voir si mon code marche
si je separer le boutton de lafichage c est parceque je travaille sur des ,module
et jaimerais que quand je clike sur un bouton il mapelle les contenu de la div
voila comment jai fait ca
dans mon module bouton jai mit!
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<script src="prototype.js"></script>
<script language="JavaScript">
function affichage(eltAafficher, eltAcacher)
{
alert('test1');
var eltAfficher = document.getElementById(eltAafficher);
alert('test2');
eltAfficher.style.visibility="visible";
alert('test3');
var eltcacher = document.getElementById(eltAcacher);
alert('test4');
eltcacher.style.visibility="hidden";
alert('test5');
}
</script>
</head>
<body>
<input type="button" value="compte1" onclick="affichage('courant', 'titre');">
<input type="button" value="compte2" onclick="affichage('titre','courant');">
<body>
</html>
et dans mon module afichage jai mis
<html> <body> <div id="courant" class="focus"> aaaaa </div> <div id="titre" class="cache"> bbbbbbbb </div> <body> </html>
et voila ce que je voudrais faire
quand je clique sur un bouton il aille mafiche le contenu mais c marche pas
quand j execute il me met test1
test2
c tout il ne continu pas et il saute la fonction eltAfficher!
Pour visualiser et tester ce qui se passe il vaudrait mieux faire:
tu verra ainsi si ta commande JS est efficace et si ta ligne entre test1 et 2 s'éxécute bien.
Je vois que tu as fireFox alors utilises la console d'erreur pour voir si tu n'as pas des bugs dans ton script JS
function affichage(eltAafficher, eltAcacher)
{
var eltAfficher = document.getElementById(eltAafficher);
alert("test1: "+eltAfficher.style.visibility);
eltAfficher.style.visibility="visible";
alert("test2: "+eltAfficher.style.visibility);
var eltcacher = document.getElementById(eltAcacher);
alert("test3: "+eltcacher.style.visibility);
eltcacher.style.visibility="hidden";
alert("test4: "+eltcacher.style.visibility);
}
tu verra ainsi si ta commande JS est efficace et si ta ligne entre test1 et 2 s'éxécute bien.
Je vois que tu as fireFox alors utilises la console d'erreur pour voir si tu n'as pas des bugs dans ton script JS
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Les div ne sont pas des frames.
Moi j'avais remarqué que certains navigateurs, lorsque les éléments d'un div étaient "masqués" (visiblity:hidden) dans la page html (c a d comme tu as fait), la fonction Javascript ne réaffichait pas ces éléments. C'est pourquoi plus haut je t'ai suggéré de charger ta page sans masquer puis de masquer par une fonction JS au chargement (onLoad dans la balise <body)
Mais tu ne m'as pas dit si tu avait éssayé et si ça marchait.
Utilises aussi la console d'erreur de Firefox.
Dis moi aussi ce que donne les alert dont je t'ai donné la methode ci dessus.
Moi j'avais remarqué que certains navigateurs, lorsque les éléments d'un div étaient "masqués" (visiblity:hidden) dans la page html (c a d comme tu as fait), la fonction Javascript ne réaffichait pas ces éléments. C'est pourquoi plus haut je t'ai suggéré de charger ta page sans masquer puis de masquer par une fonction JS au chargement (onLoad dans la balise <body)
Mais tu ne m'as pas dit si tu avait éssayé et si ça marchait.
Utilises aussi la console d'erreur de Firefox.
Dis moi aussi ce que donne les alert dont je t'ai donné la methode ci dessus.
kahilesgi
Messages postés
79
Date d'inscription
mercredi 27 juin 2007
Statut
Membre
Dernière intervention
7 août 2007
2
30 juil. 2007 à 15:47
30 juil. 2007 à 15:47
escuse moi tu peux m expliquer plus clairement jsuis vraiment debutant de chez debutant
tu vois je voudrais mettre mes bouton d un cote et mes div de lautre
et quand je clique sur un bouton il mafiche le contenu de ma div
tu vois je voudrais mettre mes bouton d un cote et mes div de lautre
et quand je clique sur un bouton il mafiche le contenu de ma div
kahilesgi
Messages postés
79
Date d'inscription
mercredi 27 juin 2007
Statut
Membre
Dernière intervention
7 août 2007
2
31 juil. 2007 à 10:27
31 juil. 2007 à 10:27
en fait on ma di que ca marche pas parceke c est des frames?
tu peux mexpliquer ca veut dire quoi au juste?
tu peux mexpliquer ca veut dire quoi au juste?
