Pop up javascript
skategui
-
skategui -
skategui -
Bonjour,
Je voulais savoir si il était possible d 'interpréter du php/js/ajax dans la page appelée par ma fenêtre. Si oui, comment !
(Ma fenêtre est une fenêtre en javascript via la fonction window.open.)
(j 'ai pour but de mettre un formulaire dans cette pop up)
Merci d' avance.
Je voulais savoir si il était possible d 'interpréter du php/js/ajax dans la page appelée par ma fenêtre. Si oui, comment !
(Ma fenêtre est une fenêtre en javascript via la fonction window.open.)
(j 'ai pour but de mettre un formulaire dans cette pop up)
Merci d' avance.
A voir également:
- Pop up javascript
- Pop up mcafee - Accueil - Piratage
- Pop corn time - Télécharger - TV & Vidéo
- Serveur pop - Guide
- Autoriser pop up firefox - Guide
- Mode securise free pop - Forum Freebox
1 réponse
les popup JavaScript sont souvent bloqué sur les navigateurs...
moi j'utilise ceci. a toi d'y intégrer du php, images, js etc...
en espérant t'avoir aidé un petit peu...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>geshi javascript</title>
<script language="Javascript">
// La fonction qui affiche/masque l'élément
pat=1;
patt=1;
function bascule()
{
// Quel est l'état actuel ?
etat=document.getElementById(pat).style.visibility;
document.getElementById(patt).style.visibility="hidden";
if(etat=="hidden"){document.getElementById(pat).style.visibility="visible";patt=pat;}
else{document.getElementById(pat).style.visibility="hidden";patt=pat;}
}
</script>
<style type="text/css">
.infobulle{
position: absolute;
visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #FFFFCC;
}
</style>
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
function GetId(id)
{
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
function move(e) {
if(i) { // Si la bulle est visible, on calcul en temps reel sa position ideale
if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
GetId("curseur").style.left=e.pageX + 5+"px";
GetId("curseur").style.top=e.pageY + 10+"px";
}
else { // Modif proposé par TeDeum, merci à lui
if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
} else {
GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
}
}
}
}
function montre(text) {
if(i==false) {
GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
GetId("curseur").innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
i=true;
}
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle etais visible on la cache
i=false;
}
}
document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->
</script>
<input type="button" onClick="pat=1;bascule();" value="On/Off">
<div name="1" id="1" style="visibility: hidden; position: relative; left: 280px; top: 58px">
<p>oooooooo<img border="0" src="titre.png" width="379" height="64"></div>
<input type="button" onClick="pat=2;bascule();" value="On/Off">
<a href="#" onClick="pat=2;bascule();" onmouseover="montre('VOTRE TEXTE');" onmouseout="cache();">ggggggggggggggggggggggg</a>
<div name="2" id="2" style="visibility: hidden; position: relative; left: 100px; top: 58px">
<p>pppppppp</div>
<p> </p>
moi j'utilise ceci. a toi d'y intégrer du php, images, js etc...
en espérant t'avoir aidé un petit peu...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>geshi javascript</title>
<script language="Javascript">
// La fonction qui affiche/masque l'élément
pat=1;
patt=1;
function bascule()
{
// Quel est l'état actuel ?
etat=document.getElementById(pat).style.visibility;
document.getElementById(patt).style.visibility="hidden";
if(etat=="hidden"){document.getElementById(pat).style.visibility="visible";patt=pat;}
else{document.getElementById(pat).style.visibility="hidden";patt=pat;}
}
</script>
<style type="text/css">
.infobulle{
position: absolute;
visibility : hidden;
border: 1px solid Black;
padding: 10px;
font-family: Verdana, Arial;
font-size: 10px;
background-color: #FFFFCC;
}
</style>
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
function GetId(id)
{
return document.getElementById(id);
}
var i=false; // La variable i nous dit si la bulle est visible ou non
function move(e) {
if(i) { // Si la bulle est visible, on calcul en temps reel sa position ideale
if (navigator.appName!="Microsoft Internet Explorer") { // Si on est pas sous IE
GetId("curseur").style.left=e.pageX + 5+"px";
GetId("curseur").style.top=e.pageY + 10+"px";
}
else { // Modif proposé par TeDeum, merci à lui
if(document.documentElement.clientWidth>0) {
GetId("curseur").style.left=20+event.x+document.documentElement.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.documentElement.scrollTop+"px";
} else {
GetId("curseur").style.left=20+event.x+document.body.scrollLeft+"px";
GetId("curseur").style.top=10+event.y+document.body.scrollTop+"px";
}
}
}
}
function montre(text) {
if(i==false) {
GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
GetId("curseur").innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
i=true;
}
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle etais visible on la cache
i=false;
}
}
document.onmousemove=move; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->
</script>
<input type="button" onClick="pat=1;bascule();" value="On/Off">
<div name="1" id="1" style="visibility: hidden; position: relative; left: 280px; top: 58px">
<p>oooooooo<img border="0" src="titre.png" width="379" height="64"></div>
<input type="button" onClick="pat=2;bascule();" value="On/Off">
<a href="#" onClick="pat=2;bascule();" onmouseover="montre('VOTRE TEXTE');" onmouseout="cache();">ggggggggggggggggggggggg</a>
<div name="2" id="2" style="visibility: hidden; position: relative; left: 100px; top: 58px">
<p>pppppppp</div>
<p> </p>
tiralia
Messages postés
1577
Date d'inscription
Statut
Membre
Dernière intervention
256
Bien sur c'est un peu brouillon et je l'ai amélioré dans mon site, mais c'est un début. vu l'heure, j'ai un peu la flemme de te retrouver la version "correct" mais celle ci fonctionne.
skategui
merci !