Se connecter avec
S'enregistrer | Connectez-vous

Pop-up dans une fenêtre "div" (1 session)

Dernière réponse : dans Programmation

Bonjour :hello:  ,

Je souhaite proposer à mes visiteurs de visiter mon site internet en musique, et lancer un (lecteur) player si ils le souhaitent [:andro jean tonic] .

Mais le problème est le suivant:

Si j'installe un Pop-up au lancement de la page, bien évidement il sera quasi-systématiquement bloqué par les systèmes de blocage de Pop-up :(  installé dans presque tout les navigateurs maintenant.

Je souhaite donc créer une fenetre chargée avec la balise <div> (pas de window.open ) à la page d'accueil de mon site, pour afficher un texte proposant par exemple : "continuer la visite en musique ? Oui / Non"

Mais il faudrait également que cette fenetre ne se charge qu'une seule fois par session pour éviter à chaque rechargement (de la page) de se voir poser la question (ce qui deviendrait très vite désagréable...)


Voici ce que j'ai pu trouver pour le moment:


Pour afficher la fenêtre <div> :

J'ai trouvé ceci

ce qui donne:



  1. <div style="z-index: 99; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%" id="popup">
    

  2. 	<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
    

  3. 		<tr>
    

  4. 			<td align="center">
    

  5. 				<div style="width: 300px; height: 300px; border: 1px solid #000000; background: #FFFFFF">Et sa fais une jolie fenetre de 300x300</div>
    

  6. 			</td>
    

  7. 		</tr>
    

  8. 	</table>
    

  9. </div>
    

  10.  
  11. <div onclick="document.getElementById('popup').style.display = 'block'">Affiche la popup</div>




Pour afficher le Pop-up une seule fois par session:

J'ai trouvé ceci

Ce qui donne:



  1. <!-- DEBUT DU SCRIPT -->
    

  2. <SCRIPT LANGUAGE="JavaScript">
    

  3. /*
    

  4. SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
    

  5. [url=http://www.editeurjavascript.com]http://www.editeurjavascript.com[/url]
    

  6. */
    

  7. function ScanCookie(variable)
    

  8. 	{
    

  9. 	cook = document.cookie;
    

  10. 	variable += "=";
    

  11. 	place = cook.indexOf(variable,0);
    

  12. 	if (place <= -1)
    

  13. 		return("0");
    

  14. 	else
    

  15. 		{
    

  16. 		end = cook.indexOf(";",place)
    

  17. 		if (end <= -1)
    

  18. 			return(unescape(cook.substring(place+variable.length,cook.length)));
    

  19. 		else
    

  20. 			return(unescape(cook.substring(place+variable.length,end)));
    

  21. 		}
    

  22. 	}
    

  23.  
  24. function CreationCookie(nom,valeur,permanent)
    

  25. 	{
    

  26. 	if(permanent)
    

  27. 		{
    

  28. 		dateExp = new Date(2020,11,11);
    

  29. 		dateExp = dateExp.toGMTString();
    

  30. 		ifpermanent = '; expires=' + dateExp + ';';
    

  31. 		}
    

  32. 	else
    

  33. 		ifpermanent = '';
    

  34. 	document.cookie = nom + '=' + escape(valeur) + ifpermanent;
    

  35. 	}
    

  36.  
  37. if(ScanCookie("dejapopup")==0)
    

  38. 	{
    

  39. 	window.open('/scripts/exemples/51.html','_blank','toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=500,height=100');
    

  40. 	CreationCookie("dejapopup","oui",false)
    

  41. 	}
    

  42.  
  43. </SCRIPT>
    

  44. <!-- FIN DU SCRIPT -->

( '/scripts/exemples/51.html' => à remplacer par votre fichier a ouvrir )


J'ai également trouver ceci:

à cette adresse

Ce qui est dit :


C'est impossible, le seul truc est de faire une 'pop-up like'. Cherchez pas ce que cela veut dire, je viens d'inventer le mot sur le gaz.

[u a dit :
mettre votre popup dans une div avec un style de type:

  1. position absolute;z-index:100;display:block;


résultat elle s'affiche dans votre page mais au dessus.

il vous suffit à la fin de la cacher (display:none).

Et hop !!!

http://www.concertoweb.com

Allez voir le site, vous verrez qu'en plus si vous actualisez la page la popup ne revient pas (il doit falloir attendre une minute ).

Bon développement
]C'est impossible, le seul truc est de faire une 'pop-up like'. Cherchez pas ce que cela veut dire, je viens d'inventer le mot sur le gaz.

mettre votre popup dans une div avec un style de type:

  1. position absolute;z-index:100;display:block;


résultat elle s'affiche dans votre page mais au dessus.

il vous suffit à la fin de la cacher (display:none).

Et hop !!!

http://www.concertoweb.com

Allez voir le site, vous verrez qu'en plus si vous actualisez la page la popup ne revient pas (il doit falloir attendre une minute ).

Bon développement
[/u]

J'ai essayé tout ce qui était à ma porté pour essayé de trouver , mais combiner la fenêtre "div" a ouvrir une seule fois par session n'est pas évident...:

Si quelqu'un a une piste ou pourrait me diriger là ou je pourrais surement trouver la solution

Je vous remercie d'avance [:ahm86funky:8]
herwan.

Autres pages sur : pop fenetre div session

Lassé par la pub ? Créez un compte

KangOl a dit :
Bha au lieu d'utiliser un cookie, faut utiliser les sessions coté serveur.
Elles portent bien leur nom, non ?


Je n'y connais rien en programmation, mais d'après ce que tu me dit il faudrait que j'aille voir du côté de ma base de donnée c'est ça ?

Je vais essayer de chercher ce que je peux trouver de déjà prêt sur le net car encore une fois je n'y connais pas grand chose et

si je ne trouve rien et comme ça m'a super l'air facile à réaliser :heink:  , je vais vite oublier mon idée et laisser comme c'est actuellement, car trop fort pour moi... :sweat: 

Je te remercie "KangOl" pour l'info et je laisse le sujet ouvert au cas ou quelqu'un pourrait m'aider un peu plus :ange: 

KangOl a dit :
j'ai pas parlé de la base de donnée, mais du serveur web.



Alors là vraiment je comprends pas... :heink: 

Comment faire celà ? peut tu me donner un peu plus de détails parce que là franchement je suis.... perdu :sweat: 

Merci :) 
Lassé par la pub ? Créez un compte

Créer un nouveau sujet