Ouverture d'un cadre dans la même fenêtre
Résolu/Fermé
A voir également:
- Ouverture d'un cadre dans la même fenêtre
- Page d'ouverture google - Guide
- Raccourci agrandir fenetre - Guide
- Comment faire un cadre sur word - Guide
- Fenetre privée - Guide
- Fenetre hors ecran - Guide
21 réponses
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 13:25
26 déc. 2008 à 13:25
je vais travailler dessus. des que j'ai trouve qqc je met un post
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:14
26 déc. 2008 à 14:14
salut j'ai un petit pb pour ton script.
tu t'y connais en javascript ?
tu t'y connais en javascript ?
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:21
26 déc. 2008 à 14:21
voici deja un premier code :
<html><head>
<title>Titre2</title>
<style>
div#original { /*Le style de ton "cadre" d'origine*/
border: 1px rgb(0,0,0) solid;} /*Facultatif*/
div#cadre { /*Le style du cadre qui va apparaitre*/
width: 500px; /*La largeur de ce cadre*/
height: 500px; /*La hauteur*/
top: 20px; /*Decalement du cadre a partir du haut*/
left: 20px; /*Decalement du cadre a partir de la gauche*/
display: none;
position: absolute;
border: 1px rgb(0,0,0) solid;
background-color: rgb(255,255,255);}
</style>
</head><body>
<div id="original" onclick="cadre.style.display='block'">Ton texte d'origine ou une photo ici</div>
<div id="cadre" onclick="this.style.display='none'">Ton autre texte qui apparait dans le cadre</div>
</body></html>
pour faire apparaitre la cadre il faut cliquer sur le premier puis pour fermer le cadre il faut aussi cliquer dessus
seulement il faut le modifier a ta guise pour les dimensions par exemple.
mais si tu veux positionner le cadre au milieu de la page y ma faut un truc et c'est pour ca que je t'ai demandé si tu t'y connaissait en javascript
<html><head>
<title>Titre2</title>
<style>
div#original { /*Le style de ton "cadre" d'origine*/
border: 1px rgb(0,0,0) solid;} /*Facultatif*/
div#cadre { /*Le style du cadre qui va apparaitre*/
width: 500px; /*La largeur de ce cadre*/
height: 500px; /*La hauteur*/
top: 20px; /*Decalement du cadre a partir du haut*/
left: 20px; /*Decalement du cadre a partir de la gauche*/
display: none;
position: absolute;
border: 1px rgb(0,0,0) solid;
background-color: rgb(255,255,255);}
</style>
</head><body>
<div id="original" onclick="cadre.style.display='block'">Ton texte d'origine ou une photo ici</div>
<div id="cadre" onclick="this.style.display='none'">Ton autre texte qui apparait dans le cadre</div>
</body></html>
pour faire apparaitre la cadre il faut cliquer sur le premier puis pour fermer le cadre il faut aussi cliquer dessus
seulement il faut le modifier a ta guise pour les dimensions par exemple.
mais si tu veux positionner le cadre au milieu de la page y ma faut un truc et c'est pour ca que je t'ai demandé si tu t'y connaissait en javascript
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:32
26 déc. 2008 à 14:32
bon... ben essaye le code que je t'ai donne et vois si ca te suffit sinon je suis la
Utilisateur anonyme
26 déc. 2008 à 14:36
26 déc. 2008 à 14:36
Tout fonctionne correctement ! =D Super sympa.
Mais je préférerai que le cadre soit centré... Si tu me donne un code JS et que tu me dis où l'insérer, y'a moyen j'ai déjà utilisé des codes JS à éditer.
Mais je préférerai que le cadre soit centré... Si tu me donne un code JS et que tu me dis où l'insérer, y'a moyen j'ai déjà utilisé des codes JS à éditer.
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:38
26 déc. 2008 à 14:38
ben mon pb c'est que je voudrais mettre dans des variables la hauteur et la largeur de la page MAIS PAS DE L'ECRAN TOUT ENTIER c'est ce qui me bloque...
si tu connais la solution je sai comment faire
si tu connais la solution je sai comment faire
Utilisateur anonyme
26 déc. 2008 à 14:45
26 déc. 2008 à 14:45
Pour la largeur de la page, j'utilise margin et la hauteur, height.
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:49
26 déc. 2008 à 14:49
tu peux me dire comment on les utilises ? elles ne sont pas dans mon livre
Utilisateur anonyme
26 déc. 2008 à 14:53
26 déc. 2008 à 14:53
En CSS ?
.nom_balise {
margin: 900px; /* largeur de la page */
height: 1200px; /*hauteur de la page */
}
.nom_balise {
margin: 900px; /* largeur de la page */
height: 1200px; /*hauteur de la page */
}
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 14:57
26 déc. 2008 à 14:57
pas en css mais en javascript
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 15:03
26 déc. 2008 à 15:03
glups
Utilisateur anonyme
26 déc. 2008 à 15:13
26 déc. 2008 à 15:13
Et tu sais centrer horizontalement et verticalement par rapport à l'écran ?
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 18:42
26 déc. 2008 à 18:42
par rapport a l'ecran non justement
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
26 déc. 2008 à 18:59
26 déc. 2008 à 18:59
ça y est j'ai trouve...
mais (et oui il y a un mais) ca ne fonctionne pas sous IE !!! (enfin pas sur la version 6)
voila :
<html><head>
<title>Titre</title>
<style>
div#original { /*Le style de ton "cadre" d'origine*/
border: 1px rgb(0,0,0) solid;}
div#cadre {
display: none;
position: absolute;
border: 1px rgb(0,0,0) solid;
background-color: rgb(255,255,255);}
</style>
</head><body id="body">
<div id="original" onclick="cadre.style.display='block'">Ton texte d'origine ou une photo ici</div>
<div id="cadre">Ton autre texte qui apparait dans le cadre</div>
<script>
var bordure=50; //la taille de la bordure
document.getElementById('cadre').style.top=bordure;
document.getElementById('cadre').style.left=bordure;
document.getElementById('cadre').style.right=bordure;
document.getElementById('cadre').style.bottom=bordure;
</script>
</body></html>
mais (et oui il y a un mais) ca ne fonctionne pas sous IE !!! (enfin pas sur la version 6)
voila :
<html><head>
<title>Titre</title>
<style>
div#original { /*Le style de ton "cadre" d'origine*/
border: 1px rgb(0,0,0) solid;}
div#cadre {
display: none;
position: absolute;
border: 1px rgb(0,0,0) solid;
background-color: rgb(255,255,255);}
</style>
</head><body id="body">
<div id="original" onclick="cadre.style.display='block'">Ton texte d'origine ou une photo ici</div>
<div id="cadre">Ton autre texte qui apparait dans le cadre</div>
<script>
var bordure=50; //la taille de la bordure
document.getElementById('cadre').style.top=bordure;
document.getElementById('cadre').style.left=bordure;
document.getElementById('cadre').style.right=bordure;
document.getElementById('cadre').style.bottom=bordure;
</script>
</body></html>
Utilisateur anonyme
26 déc. 2008 à 19:50
26 déc. 2008 à 19:50
Tout fonctionne ! Un grand merci pour tout ça ;-)
Pour IE 6, je trouverai un arrangement...
Pour IE 6, je trouverai un arrangement...
Utilisateur anonyme
27 déc. 2008 à 13:25
27 déc. 2008 à 13:25
Changement de dernière minute... Tu connais pas un code pour que mon cadre s'ouvre et soit centré non pas par rapport à la page mais par rapport à l'écran ?
Lefouerrant
Messages postés
567
Date d'inscription
mercredi 19 décembre 2007
Statut
Membre
Dernière intervention
1 octobre 2009
116
27 déc. 2008 à 17:49
27 déc. 2008 à 17:49
ca oui mais il disparait dans les limites de la page
mais je peux te le faire seulement y faudrait que la bordure fasse au minimum 200 ou 300 px
mais je peux te le faire seulement y faudrait que la bordure fasse au minimum 200 ou 300 px