begin process at 2012 05 29 01:53:24
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

ajout d'une fonction sur le onclick + galerie highslide


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

ajout d'une fonction sur le onclick + galerie highslide

lundi 3 août 2009 à 11:40:36 | ajout d'une fonction sur le onclick + galerie highslide

labobinette94

Bonjour à tous,

Tout d'abord je précise que je suis complètement débutante en javascript (et je "html" et "css" depuis peu. Mais ça, ça va).

Alors voilà : j'utilise une des galeries javascript highslide.
Il y a plusieurs vignettes (une vignette = une galerie). Quand on clique sur une vignette, l'image s'agrandit.
Voici le code en question :

Code HTML :
<p>

<a id="thumb1" href="content/images/large/bleu1.jpg" class="highslide vignette" onclick="return hs.expand(this, { slideshowGroup: 1 });">
<img src="content/images/thumb/bleu.png" alt="Highslide JS" title="Cliquez pour agrandir" />
</a>
</p>


Je souhaiterais que, quand une des galeries a été vue, l'aspect de sa vignette soit modifié. En gros, je veux faire l'équivalent d'un "a:visited". Pour ce faire, j'ai pensé changer la classe de la vignette, ainsi ("highslide vignette" deviendrai donc "highslide dejaVu"):
Code HTML :
<p>

<a id="thumb1" href="content/images/large/bleu1.jpg" class="highslide vignette" onclick="javascript:return hs.expand(this, { slideshowGroup: 1 }); document.getElementById('thumb1').className='highslide dejaVu';">
<img src="content/images/thumb/bleu.png" alt="Highslide JS" title="Cliquez pour agrandir" />
</a>
</p>


Bon, ça ne marche pas&#8230; La première fonction est exécutée, pas la seconde. Quand je teste la seconde toute seule (et en mettant dans le href "#" au lieu du lien vers l'image), elle s'exécute.
La solution est sans doute par ici mais je n'y arrive pas davantage avec ces explications (il faut dire que mon anglais est à peu près du même niveau que mon javascript).

Est-ce que quelqu'un pourrait m'aider ? Où dois-je rajouter la fonction qui change la classe ? Peut-être que ça doit passer par une variable "dejaVu" qui prend "true" comme valeur au click ? Mais comment dans ce cas faire le lien avec ma classe css ?

Voilà, beaucoup de questions, je le redis: je suis débutante. Merci par avance pour votre aide.

lundi 3 août 2009 à 11:54:01 | Re : ajout d'une fonction sur le onclick + galerie highslide

Bul3

Membre Club




Bonjour,
>>je veux faire l'équivalent d'un "a:visited".
_ je veux, je veux... quand on veut : on peut !
_ ben ??? justement ???? c'est un <a> non ?
donc a:hover fonctionne parfaitement

curieux d'ailleurs votre <a> ?
avec une image dans le href ( normalement c'est
une page ou du javascript qu'on y met ) et un
onclick inutile puisque href il y a !

handicapé nasal ( ou néanmoins )
inversez donc les 2 ordres mis dans
le onclick pour voir, même si je
ferais sans onclick !

Cordialement [mon Site] [M'écrire] Bul

lundi 3 août 2009 à 12:36:01 | Re : ajout d'une fonction sur le onclick + galerie highslide

labobinette94

Merci beaucoup votre réponse.

Justement, l'image dans le href ne renvoie pas vers une page, mais vers une image.
Donc le a:visited ne fonctionne pas (car, justement, aucune autre page n'a été visitée, on reste sur la même).
Je ne peux pas changer ça, la galerie highslide fonctionne ainsi : l'image dans le href est l'image en grand format qui apparait quand on a cliqué sur le thumb.
J'utilise déjà un h:over qui fonctionne parfaitement.

J'ai déjà essayé d'inverser les 2 ordres mis dans le onClick et là, plus rien ne fonctionne.

Il faudrait probablement que j'ajoute ma fonction de changement de classe dans la fonction expand, mais je ne sais pas comment faire ça.

Voici la fonction expand :

Code Javascript :
expand : function(a, params, custom, type) {

if (!a) a = hs.createElement('a', null, { display: 'none' }, hs.container);
if (typeof a.getParams == 'function') return params;
try {
new hs.Expander(a, params, custom);
return false;
} catch (e) { return true; }
},


Apparemment il est prévu qu'on puisse ajouter ses propres éléments via "custom"&#8230; Mais comment?

Merci pour votre aide.

lundi 3 août 2009 à 12:45:25 | Re : ajout d'une fonction sur le onclick + galerie highslide

Bul3

Membre Club

>>le href ne renvoie pas vers une page, mais vers une image.
ben, justement : changez cela !
faites un lien vers une page qui affichera cette image
et le a:visited fonctionnera

lundi 3 août 2009 à 13:38:27 | Re : ajout d'une fonction sur le onclick + galerie highslide

labobinette94

Ben oui, mais dans ce cas le javascript ne fonctionne plus&#8230;
:-(
C'est un code que j'ai copié collé, et il fonctionne ainsi, avec une image en href.
Vu mes connaissances (nulles) en JS, et mes connaissances (toutes fraîches) en html/css j'aurais bien du mal à changer son fonctionnement.

Je vais essayer de mettre un exemple commenté en ligne d'ici ce soir (je n'ai pas le temps maintenant). Ça sera plus clair.

Merci de votre aide,

lundi 3 août 2009 à 13:52:08 | Re : ajout d'une fonction sur le onclick + galerie highslide

Bul3

Membre Club


>>dans ce cas le javascript ne fonctionne plus
????
pas de raisons !
mais, déjà, il fait quoi ce javascript ?

et même... je ne vois pas du tout
ce que vous cherchez à faire.
j'ai l'impression que vous vous compliquez
la vie (probablement) inutilement....

revenons à des choses simples : le but recherché c'est quoi ?

>>Vu mes connaissances (nulles) en JS, et mes
>>connaissances (toutes fraîches) en html/css
>>j'aurais bien du mal à changer son fonctionnement
certes, certes... tout le monde débute....
mais si on veut utiliser, il faut connaître,
donc se former....



Cette discussion est classée dans : fonction, code, url, vignette, highslide


Répondre à ce message

Sujets en rapport avec ce message

Ecrire un code Javascript dans un "tut" Javascript ? [ par honolulu ] Salut,Je suis en train de creer un "tut" de la manière suivante : j'ai fait un array (a, b, c, d), créé une fonction affiche () {document.form.textare Timeout [ par turlut ] Bonjour tout le monde !J'aimerais bien créer un code javascript qui ouvre une fenêtre avec un url genre www.monsite.com/index.php?url= avec une boucl remplacer texte sélectionné [ par eax ] salut c encore moi je voudrais juste savoir si on peut prendre la partie sélectionnée d'un textarea, la modifier, et la remettre au même endroitje m'e par dessous ou par dessous ...? [ par GuilleW ] voila .. il me faudrai un code du style :z-index:'100'mais dans une fonction ... je m'explique ...disons que j'ai deux en posi cacher le code source [ par morgandetoi06 ] bonjour, j aimerait savoir comment faire pour cacher le code source de ma page, pour pas qu il soit visible en faisant "affichage > source" sous IE... Nom de fonction en variable [ par Ekik ] Bonjours,Est-il possible d'appeler une fonction dont son nom est une variable ?Je m'explique :Est-il possible de faire ceci :var nom_fonc = Récuperer le code source d'une page [ par bolbo ] Bonjour, Je souhaiterais savoir s'il existe un moyen de récupérer automatiquement le code source d'une page. Ce que je souhaite faire c'est un petit svp aidez moi :( [ par morgandetoi06 ] voila j ai une fonction qui me permet de calculer à partir d un nombre d oeufs "n" le nombres de boites que l on peut remplir en ayant le moins de per Fonction avec parametres [ par lotr ] Bonjour,Voila mon pb : j'utilise une fonction JS qui rend une liste selectionnable/deselectionnable selon qu'une checkbox est cochee/decochee.Ma fonct équivalent à la fonction trim en php [ par eax ] salut!je cherche une fonction javascript qui serait l'équivalent de la fonction trim() en php, c'est à dire qui enlève les espaces inutiles au début e


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales