Besoin daide pour installer fausse popup

artdeath -  
 artdeath -
Bonjour, jaurais besoin daide pour installer cette popup --> https://codes-sources.commentcamarche.net/ sur mon site https://www.hugedomains.com/domain_profile.cfm?d=artdeath&e=com . Mais je voulais mettre mon formulaire de contact dans la fausse popup (si vous avez besoin du code html recriver moi ou juste mindiquer ou linserer) mais jaimerais que la popup souvre en cliquant sur limage email que jai a droite sur mon site.

Recriver moi si vous comprenner pas ma question ou besoin plus dinfo , merci davance :)
A voir également:

10 réponses

Réponse 1 / 10
artdeath
 
quelqun pourais maider ?
0
Réponse 2 / 10
artdeath
 
personne peux maider ?
0
Réponse 3 / 10
artdeath
 
Bon jai pas encore eu de reponse jai decider de remonter le message encore lol quelqun pourais juste mexpliquer comment linstaller ?
0
Réponse 4 / 10
artdeath
 
Jai fini par reussir a le mettre en place mais jai quelque petit probleme comme pour que sa ouvre en cliquant sur limage au lieu du petit texte en dessous et meme chose pour la refermer.
Jai un autre probleme la popup napparait pas, seulement limage gif (download)
mais le fond vien transparrent lol.
Jai changer une chose je ses pas si mon probleme es du a ca mais au lieu de tous ecrire le fichier css jai fais ca ---> <link type="text/css" rel="stylesheet" href="/css/a2.css" /> et jai biensur cree le fichier .css et jai recopier les infos ci dessous.

Si il vous manque des infos ou si vous vouler ladresse de mon site dites moi le.
Encore merci davance a celui ou ceux qui auront la reponse a ma questions lol

Jai mi ci-dessous le code de la fausse popup, la parti qui va dans mon index que jai deja fais (voir sur mon site si besoin https://www.hugedomains.com/domain_profile.cfm?d=artdeath&e=com ), la 2e page (popup) que jai deja ajouter ce que je voulais seulement le lien pour fermer la page que je ses pas comment mettre mon image au lieu du texte ainsi que le fichier js que jai mi a meme place que mon index dans la racine de mon site


Voici les extraits du script :
index.html : ---->

<html>





<head>



<scriptsrc="overlay.js"></script>

<!--- Partie Css pour la gestion overlay et window!--->

<styletype="text/css">



.calque{

opacity:.80;

color: #FFFFFF;

position: absolute;

visibility : hidden;

padding: 0px;

font-family: Courrier;

align: center;

font-size: 8pt;

background-color: #000000;

opacity : .75;

filter : alpha(opacity=75);

width: 100%;

height : 100%;

top : 0;

left : 0 ;



}



.image_calque{

height: 100%;

}



.window{

color: #FFFFFF;

position: absolute;

visibility : hidden;

padding: 0px;

font-family: Courrier;

align: center;

font-size: 8pt;

background-color: #FFFFFF;

width: 500;

height : 500;

top : 15%;

left : 25% ;



}



.contemp_window{

width: 100%;

height : 100%;

border : 0;

}

</style>

<!-- fin CSS pour la partie overlay -->



<!-- div obligatoire pour les fenêtre overlay les div sont modifié par overlay.js -->



<divid="overlay"class="calque"></div>

<divid="window"class="window"><iframeclass = "contemp_window"id = "contempwindow"name = "contempwindow"></iframe></div>



<!-- fin div -->



</head>



<body>

<imgsrc = "./images/f_endroit.gif">

<BR>

<ahref = "#"OnClick = "affiche_overlay_window('./images/load.gif','page2.html');">afficher la page test 2</a>!









</body>

</html>


Voici la partie 2
page2.html : ----->



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<script src="overlay.js"></script>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
</head>
<body text="#ffffff" bgcolor="#000000">
<!--Code HTML service Form2mail de Hawa Tools -->
<script type="text/javascript">
function verification_form2mail()
{
var champs_erreur = false;
if (document.getElementById('form2mail').prenom.value=='')
{ champs_erreur=false; }
else
{ champs_erreur=true; }

if (document.getElementById('form2mail').email.value=='')
{ champs_erreur=false; }
else
{ champs_erreur=true; }

if (document.getElementById('form2mail').message.value=='')
{ champs_erreur=false; }
else
{ champs_erreur=true; }

if (champs_erreur==false)
{
alert('Veuillez remplire tous les champs !');
return false;
}
}
</script>
<form name="form2mail" id="form2mail" method="post" action="http://www.hawatools.com/form2mail-8107-1811.html">
<table border="0" cellpadding="5" style="border-collapse: collapse" width="593" id="table1">
<tr>
<td>Prénom : <b><i><font color="#ff0000">*</font></i></b></td>
<td><input type="text" name="prenom" size="40" /></td>
</tr>
<tr>
<td>Adresse e-mail : <b><i><font color="#ff0000">*</font></i></b></td>
<td><input type="text" name="email" size="40" /></td>
</tr>
<tr>
<td>Sujet : </td>
<td><input type="text" name="sujet" size="40" /></td>
</tr>
<tr>
<td>Message : <b><i><font color="#ff0000">*</font></i></b></td>
<td><textarea name="message" cols="35" rows="7"></textarea></td>
</tr>
<tr>
<td align="center" colspan="2"><input type="submit" value="Valider" onclick="return verification_form2mail();" /></td>
</tr>
</table>
</form>
<noscript>
<a href="https://hawatools.com/" target="_blank" title="Services gratuits pour webmasters">Form2mail</a>
</noscript>
<!--Code HTML service Form2mail de Hawa Tools -->


<a href = "#" OnClick = "javascript:cachetout();">arreter overlay !!!</a>

</body>
</html>


Et le fichier overlay.js ----->



var w3c=document.getElementById && !document.all;

var ie=document.all;



if (ie||w3c) {

// déclaration des variables uniquement pour IE vive microsoft ?!!

var overlay;

var my_window;

}





function affiche_overlay_window(image_fond_overlay,adresse_page){

// creation de l'overlay et affichage de l'image

montreoverlay("<table class = 'image_calque ' valign = 'center' border = '0' align = 'center'><tr><td> <IMG SRC='"+image_fond_overlay+"'></td></tr>");

// creation de la fenêtre

montrefenetre(adresse_page);





}





function montreoverlay(text) {

if (w3c||ie){

overlay = document.all ? document.all["overlay"] : document.getElementById ? document.getElementById("overlay") : ""

overlay.innerHTML = text; // fixe le code HTML dans l'overlay balise (div)

overlay.style.visibility = "visible"; // modification du style



}

}



function montrefenetre(html) {

if (w3c||ie){

//affichage de la fenetre

my_window = document.all ? document.all['window'] : document.getElementById ? document.getElementById('window') : ""

my_window.style.visibility = "visible";



// affichage du corps de la fenêtre (balise iframe)

my_window = document.all ? document.all['contempwindow'] : document.getElementById ? document.getElementById('contempwindow') : ""

my_window.style.visibility = "visible";

frames['contempwindow'].location.href= html ;



}

}









function cachetout() {

if (w3c||ie){



// masque la fenetre (balise div [window] )

my_window = parent.document.getElementById('window');

my_window.style.visibility = "hidden";



// masque le contenu (balise iframe [contempwindow])

my_window = parent.document.getElementById('contempwindow');

my_window.style.visibility = "hidden";



// masque l'overlay (balise div [overlay])

my_window = document.all ? parent.document.all['overlay'] : parent.document.getElementById ? parent.document.getElementById('overlay') : ""

my_window.style.visibility = "hidden";



}





}
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
artdeath
 
je fais juste remonter mon message jai toujours pas eu de reponse lol
0
Réponse 6 / 10
artdeath
 
je remonte encore le message jai pas eu de reponse
0
Réponse 7 / 10
artdeath
 
je remonte encore le message lol
0
Réponse 8 / 10
artdeath
 
toujours personne qui peuvent maider ?
0
Réponse 9 / 10
macgawel Messages postés 664 Date d'inscription   Statut Membre Dernière intervention   89
 
Bonjour.

Tu n'es pas très clair, mais on va essayer de t'aider :

1. Si tes pages html sont écrites comme ça, ça ne fonctionnera jamais. Tu écris divid, alors qu'il faudrait avoir div id (avec un espace).

2. C'est la première fois que je vois des DIV dans le header (overlay et window). Normalement, tu devrais les mettre dans le BODY.

3. Dans ton JS, il y a des } en trop...

4. Dans le JS, pour la fonction affiche_overlay_window tu devrais fermer ta balise TABLE.

5. Dans le JS, pour la fonction montrefenetre :
my_window = document.all ? document.all['window'] : document.getElementById ? document.getElementById('window') : "" il manque le ;. Et je ne comprends pas ce que cette ligne est sensée faire.

Honnêtement, je ne vois pas trop l'intérêt d'ouvrir une IFRAME à l'intérieur d'un DIV pour ce que tu veux faire, alors qu'un simple DIV hidden, que tu rends visible devrais suffire.
Le plus simple, à mon avis serait quelque chose de ce genre :
page html : 
<body>
...
<div id="window">
<form>
Ton formulaire
</form>
</div>
<a href="#" OnClick="Afficherwindow('window', 'block')"><img src="./images/f_endroit.gif" alt="Afficher la page test 2" /></a>
...
</body>

css : 
#window {
...
   display:none;
}


js : 
function AfficherWindow(id, type) {
	try	{
	document.getElementById(id).style.display = type;
	}
	catch (err) {
		if (err.message != 'document.getElementById(id) has no properties') {
			throw err;
		}
	}
}
0
Réponse 10 / 10
artdeath
 
jai essayer mais sa pas fonctionner je sais pas rop quoi mettre et ou le mettre lol jew crois que je vais laisser faire la fausse popup et je vais le faire dune autre maniere lol merci quand meme a toi :)
0

Discussions similaires

Besoin de l'autorisation trustedinstaller
BRAND7 -
lulu24h -

52 réponses