Fenêtre flottante ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par amazigh25, 27 Mai 2007.

  1. amazigh25
    amazigh25 WRInaute impliqué
    Inscrit:
    4 Juin 2005
    Messages:
    869
    J'aime reçus:
    0
    Bonjour

    Je vous explique mon problème. Depuis hier, je cherche à afficher sur mon blog une fenêtre flottante au lancement de la page.

    ça ne sera pas de la publicité, mais juste un message que mes lecteurs doivent lire puis fermer fenetre.

    Voici un exemple : http://www.huddletogether.com/projects/lightbox2/

    Mais dans ce cas, il faut cliquer sur l'image.

    Perso je préfère que ça soit lancé au chargement de la page.

    Merci d'avance pour votre aide.

    Adam
     
  2. julienr
    julienr WRInaute impliqué
    Inscrit:
    5 Août 2003
    Messages:
    938
    J'aime reçus:
    0
    salut, oriente toi plutôt vers ce script il a l'air plus adapté à ce que tu veux faire :
    -http://prototype-window.xilinus.com/
     
  3. etrusco
    etrusco WRInaute discret
    Inscrit:
    31 Décembre 2004
    Messages:
    204
    J'aime reçus:
    0
    Ca va être la premiere fois que je vais vraiment aider quelqun ! :lol: :lol:
    Humour inside !!!!
    bon c'est simple, et je suppose que pas mal de personne ici aimeraient aussi savoir comment démarrer un lightbox automatiquement au chargement de la page.

    je vais donner une partie de la solution, sachant que moi j'ai déjà mis en place ce genre de bidouille couplée à un cookie et/ou une session pour eviter que la " popup " lightbox ne s'execute a chaque chargement de la page en question mais qu'une seule fois par visite.

    alors tu prends ton fichier lightbox.js et tu ajoute ceci :

    Code:
    
    function EtruscoSavedMyLightBoxRequest() {
    	myLightbox = new Lightbox();
    	var anchors = document.getElementsByTagName('a');
    	// On recherche les liens dans la page
    	for (var i=0; i<anchors.length; i++){
    		var anchor = anchors[i];		
    		var relAttribute = String(anchor.getAttribute('rel'));		
    		// on recherche si un attribut " rel " existe pour chaque lien trouvé par l'instruction ci dessus
    		// il faut remplace ATTRIBUT_REL par une valeur de ton choix pour marquer tous les liens " LightBox " qui devront s'executer automatiquement.
    		if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('ATTRIBUT_REL'))){
    			//alert(anchor.getAttribute('href'));
    			myLightbox.start(anchor);
    		}
    	}
    	return;
    }
    
    function initLightbox() { myLightbox = new Lightbox(); }
    Event.observe(window, 'load', initLightbox, false);
    Event.observe(window, 'load', EtruscoSavedMyLightBoxRequest, false);
    ensuite dans ton code XHTML Strict 1.0 ( :lol: :lol: :lol: ) tu ecriras ainsi chaque lien devant s'ouvrir automatiquement :

    Code:
    
    <a href=" la cible de mon lien ( une image )" rel="ATTRIBUT_REL" title="" hreflang="">TEXTE OU IMAGE MINIATURE DE MON LIEN</a>
    
    Et voilà ça devrait fonctionner tranquille !
    tu peux me remercier avec un Kebab sans tomate et sauce blanche ou alors avec 1500 liens en dur sur le footer et le header de toutes les pages de tous tes sites !

    PS : si y'en a que ce message dépanne également, ne pas oublier vous non plus les Kebabs ou sinon je me fache et je vote ************************* avec ma machine à remonter le temps.
    :lol: :lol: :lol: :lol: :twisted:
     
  4. etrusco
    etrusco WRInaute discret
    Inscrit:
    31 Décembre 2004
    Messages:
    204
    J'aime reçus:
    0
    amazigh.... Tachelhit ? Oudaden ? je suis sur que ces mots te disent quelque chose.... :wink: :wink:
    Argana est l'endroit ou je suis né !
     
  5. amazigh25
    amazigh25 WRInaute impliqué
    Inscrit:
    4 Juin 2005
    Messages:
    869
    J'aime reçus:
    0
    Salut!

    La solution de julienr me convient parfaitement, après un test réussit je l'ai choisie !

    @etrusco : Si tu passes par Agadir, je t'invites à manger ! C'est une invitation pour les autres Wrinautes aussi !

    Merci beaucoup

    Adam
     
Chargement...
Similar Threads - Fenêtre flottante Forum Date
[Safari Iphone] Fenêtre flottante sur site mobile Développement d'un site Web ou d'une appli mobile 14 Septembre 2010
Ces fenetres flottantes dont j'ignore le nom... Développement d'un site Web ou d'une appli mobile 16 Avril 2008
Responsive avec outils google mais pas avec réduction de fenêtre Demandes d'avis et de conseils sur vos sites 23 Juillet 2018
Y-a-t-il une incidence des Fenetres modales sur le referencement ?e Débuter en référencement 18 Avril 2017
Fenêtres de pub apparaissant sur mon site Demandes d'avis et de conseils sur vos sites 26 Juin 2015
Ouvrir dans une nouvelle fenêtre Développement d'un site Web ou d'une appli mobile 11 Juin 2015
Résultat d'une recherche dans une fenêtre. Développement d'un site Web ou d'une appli mobile 1 Juin 2013
Fenêtre de zoom mobile sur plan Développement d'un site Web ou d'une appli mobile 30 Avril 2013
lien qui ouvre fenetre pop up mais Développement d'un site Web ou d'une appli mobile 11 Juillet 2012
Fenêtre pop-in et referencement naturel Débuter en référencement 11 Avril 2012
Fenetre pop up CSS/JS/JQUERY à l'ouverture Développement d'un site Web ou d'une appli mobile 26 Août 2011
Ouverture nouvelle fenetre apres clic sur fichier Développement d'un site Web ou d'une appli mobile 11 Août 2011
Alignement champ et fenêtre auto-completer Développement d'un site Web ou d'une appli mobile 29 Mars 2011
fenêtre de résultats en temps réel Google Google : l'entreprise, les sites web, les services 23 Janvier 2011
Fenêtre "style Adword" Développement d'un site Web ou d'une appli mobile 6 Octobre 2010
Fenetres avec mootools Développement d'un site Web ou d'une appli mobile 2 Juin 2010
Boite de dialogue (fenêtre) js? Développement d'un site Web ou d'une appli mobile 19 Avril 2010
aide - comment supprimer ces fenêtres intempestives? Développement d'un site Web ou d'une appli mobile 12 Décembre 2009
Surfenetre / PopUp Integré !! Développement d'un site Web ou d'une appli mobile 16 Novembre 2009
Connaissez vous des puzzles exportables ? (genre fenetre youtube) Demandes d'avis et de conseils sur vos sites 1 Septembre 2009