fonction onclick : Résolu

[Phebus06]

Bonjour,
Me revoici... et évidemment comme à chaque jour mérite sa peine, me voici avec une autre idée que je n'arrive pas à mettre en place.
Je voudrais pouvoir à partir d'une page de la custom, clicker sur une image qui m'emmène sur une page html (secrète lol), qui ne s'affiche pas en slidant, donc pas listé dans le fichier index.html.

J'ai donc créé, en suivant le tuto de papoo sur une page pollens, une page pollens.html dans le dossier pages,
puis le fichier pollens.ccs dans le dossier ccs.

Maintenant dans le fichier frontpage_settings.js je place dans la ligne qui m'intéresse :

Code : Tout sélectionner

['0','Html',            'cell5_10',                            '<span onclick="window.location=(../page/pollens.html)" style="font-size:150%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'],

mais rien n'y fait...après plusieurs essais je demande de l'aide car je n'y arrive pas...
comment faire avec ce foutu onclick pour ouvrir la page html (pollens.html) que j'ai dans le dossier pages ???

merci

[vil1driver]

Salut,

Et avec un S à pages ?
Et sans le ../ ?
Et avec l'url complète ?

Aide toi de la console de dev..

[Phebus06]

Bon je refais des essais ce soir en faisant plus attention à mon s à page lol, mais il me semble que rien n'y a fait, même en mettant l'url complète...
Par contre je vais te poser une question stupide, mais c'est quoi la console de dev ???

[vil1driver]

c'est la touche F12 pour chrome

[Nemesis24]

window.location
humm !!!

window.location.href example:

Code : Tout sélectionner

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open() example:

Code : Tout sélectionner

window.open('http://www.google.com'); //This will open Google in a new window.

[Phebus06]

Je pense essayer un truc comme ça ce soir :

Code : Tout sélectionner

['0','Html',  'cell5_10',    '<span href ="/pages/pollens.html" onclick=window.open(this.href, "_self", "height=500, width=500, to...no, resizable=yes, scrollbars=no, status=no");return false; style="font-size:150%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'],

[Phebus06]

Bon après plusieurs essais je n'arrive pas à faire ce que je pensais, à savoir ouvrir une fenêtre html comme un popup, placée où je veux et de la taille que je veux (la taille du graphe sur les pollens). Comme ci dessous :

popup.png (89.76 Kio) Consulté 10713 fois

J'ai juste réussi à ouvrir une autre page html :

Code : Tout sélectionner

onclick=window.open("pages/pollens.html")

ou ouvrir une nouvelle page à la place de l'ancienne :

Code : Tout sélectionner

onclick=window.location.href = "pages/pollens.html"

mais la page est toute moche le graphe en haut à gauche dans un fond blanc...beurkk

pollens.png (46.44 Kio) Consulté 10713 fois

Si personne ne peut m'aider pour pouvoir, sur la même ligne de code, faire cet espèce de popup, je me rabattrai sur la gestion de ma page pollens.html en programmation classique en html pour l'agrémenter...

Merci à ceux qui auraient des idées

[Nemesis24]

dans frontpage.js

Code : Tout sélectionner

function lightbox_open(id, timeout, txt){
			
		if (typeof txt !== 'undefined') {
			$(['#popup_',id].join('')).html(txt);
		}
		//$('div[id^="popup_"]').fadeOut(fad_Duration); // before close all div with same prefix id
        $(['#popup_',id].join('')).fadeIn(fad_Duration);
		$('#fade').fadeIn(fad_Duration);
		$('#fade').click(function(){lightbox_close(id);});
		$(['#popup_',id].join('')).click(function(){lightbox_close(id);});
		tempo = setTimeout(function(){lightbox_close(id);}, timeout);
}

donc tu mets dans index.html a la suite des autres popup

Code : Tout sélectionner

<div id=popup_pollen><img ......................................ton departement.gif></div>

et dans frontpage_settings tu appelles la fonction

Code : Tout sélectionner

onclick="lightbox_open('pollen',30000)"

[Phebus06]

Ah oui je n'y avais pas pensé ...
Du coup j'ai essayé ce que tu m'as soumis Nemesis24

Donc dans frontpage.js j'avais déjà tout ça... une bonne chose,

Dans frontpage_settings, j'ai juste changé le ' en " car sinon il y a conflit et la custom page devient noire :

Code : Tout sélectionner

['0','Html',   'cell5_10',   '<span onclick=lightbox_open("pollens",15000) style="font-size:150%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'],

Jusque là tout va bien je comprend, mais voila...

Dans index.html
si je mets

Code : Tout sélectionner

<div id=popup_pollen><img ......................................06.gif></div>

bin ça ne marche pas du tout. Du coup réflexion, mais comment la custom page peut elle savoir qu'elle doit aller chercher l'image du tableau dans la page pollens.html si on ne la pointe pas...
Du coup je pompe des trucs ça et là et j'arrive à ça :

Code : Tout sélectionner

<div id="popup_pollens"><script>  $('div').filter(':last').load('pages/pollens.html');   </script></div>

et...
bin c'est pas encore ça, mais presque
le problème est que lorsque je charge la custom page, un scoll apparaît à droite et d'office le tableau pollens est chargé sous ma page d'accueil,
et quand je clic pour le faire apparaître je vois la page s'assombrir (pour théoriquement le popup) et quand je reclic pour le faire disparaître ou que j'attends le temps défini, et bien le popup disparaît bien de sous ma page et si je clic de nouveau il réapparaît toujours sous ma page...

Aurais tu une solution Nemesis24 ???
Je te remercie par avance

Tout ça pour alléger mes pages de la custom page quand je slide pour les faire défiler...faut pas être nette quand même MDR

[papoo]

non au contraire
n'afficher automatiquement que peu de page et permettre la visualisation de page que temporairement c'est une très bonne idée
la page pollens en est un très bon exemple les alertes ne changeant pas tout les jours y aller de temps en temps sans l'afficher constamment à tout son sens.
la solution m’intéresse en tout cas