OnClick... pourquoi ça marche pas??

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 Page Suivante Page Précédente Bas de page
Auteur	Sujet : OnClick... pourquoi ça marche pas??

Dorian BAC+4

Bonsoir,

Je rencontre un problème très contrariant...

J'ai affecté une fonction javascript à chacun de mes éléments de ma page web.
ex : <div id="A1" onClick=mafonction("A1" );>

et le problème c'est que lorsque je clique sur cet élément ce n'est pas l'évènement onClick de celui-ci qui s'active... mais celui du conteneur global de la page...

Je vous remercie par avance de vos réponses!!

Publicité

nargy

un évènement javascript doit retourner true ou false:
true-> l'évènement a été traité, ne pas faire traiter l'évènement par les éléments parents,
false-> l'évènement n'a pas été traité, faire traiter l'évènement par les éléments parents,

<<void>> est renvoyé par les fonction sans retour, interprété comme <<false>>.

Dorian BAC+4

ah ok c cool de me le dire, dans une question similaire on m'avait dit de mettre false!! ok jvais essayer et je confirmerai

Dorian BAC+4

... bon et le return true doit etre placé dans ma fonction appelée?

parce que si c le cas je confirme que ça ne marche tjs pas

Essayé également après l'appel de la fonction avec onclick... pareil ça ne marche pas

Message édité par Dorian BAC+4 le 24-04-2006 à 19:18:49

nargy

Code :

<div id="A1" onClick="mafonction(this); return true;">

nargy

heu, j'ai un doute, je suis peut être en train de confondre true/false.

Dorian BAC+4

nan true c bien ça, mais ça ne marche pas...

Par contre l'élément est bien appelé mais change (dans le cas du true dans la fonction)!! donc c un truc dans le genre, mais lequel...

Message édité par Dorian BAC+4 le 24-04-2006 à 19:38:57

nargy

primo je confonds true/false,
secundo, ça ne fonctionne pas avec les parents mais uniquement avec l'action par défaut associé,

pour résourdre ton problème utilise une variable globales:

Code :

var transmettre_parent=true;
function transmettre(t)
{ transmettre_parent=t; }
function fct_parent()
{
if (!transmettre_parent) return;
...
}

Edit: ok

Message édité par nargy le 24-04-2006 à 19:42:43

Dorian BAC+4

:S ma fonction appelée est une ouverture d'un popup ouvrant une page php avec passage en paramètre de l'id de l'élément cliqué...

tu as écris deux fct, qd est appelée la fct transmettre?

nargy

:lol: kk

Code :

<script type="text/javascript" language="JavaScript">
var transmetre_parent=true;
function transmettre(t)
{ return transmetre_parent=t; }
function transmission()
{ return transmetre_parent; }
</script>
<div onclick="javascript: if(transmission()) window.alert('BODY');return transmission();">
BODY
<a href="/" onclick="javascript: if(transmission()) window.alert('A');return transmettre(false);">
A
</a>
</div>

Publicité

Dorian BAC+4

je ne comprend pas l'intérêt de tes fonctions...

Dorian BAC+4

Code :

var popup;
function essai(id)
{
popup = window.open('popup.php?id='+id,'Titre','width=375,height=300,toolbal=no,location=no,directories=no,status=no,menubar=no=scrollbars=no,resilable=no');
return true;
}

Code :

<div id='A1B1' onClick="javascript:essai();">
<div id='A1B2' onClick="javascript:essai();">
<img id='A3B1' onClick="javascript:essai();">

j'obtiens tjs A1B1 qui est le conteneur global du site

nargy

remplacer essai() dans les onclicks par:

Code :

if(transmission()) essai();return transmettre(false);

C'est à dire si transmission() de l'évènement autorisé, executer la fonction essai(), retourner transmettre(false) pour inactiver la transmission de l'évènement.

Dorian BAC+4

bon et si g envie d'utiliser plusieurs fois la fonction, maintenant elle est bloquée..

gatsu35

Blablaté par Harko

tu postes tout le code JS et HTML de ta page qu'on puisse te dire ce qui ne fonctionne pas, à mon avis c'est parce que c'est mal programmé [:petrus75]

nargy

return transmettre(true);
pour la débloquer.
poste plutôt un lien, histoire de pas trop spammer..

Dorian BAC+4

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Page d'accueil
</TITLE>
<STYLE type='text/css'>
*
{
margin:0;
padding:0;
}body
{
width: 100%;
height: 100%;
overflow:auto;
margin: 0;
padding: 0;
font-family:'Verdana';
font-weight: bold;
font-size:12px;
background-image: url(Fonds/back.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
color:#E0E0FF;
}
img#A3B1
{}
div#A1B2
{height:50px;
padding:10px;
text-align:right;
font-family:'Verdana';
font-weight: bold;
font-style:italic;
border: 1px solid #A0E014;}
div#A1B3
{position: absolute;
padding:5px;
top:150px;
left:10px;
width: 130px;
height: 100px;
background-color:#BBBBFF;
border: 1px solid #A0E014;}
div#A1B5
{margin-top:20px;
background: url(Fonds/btexte.jpg) #0073DD repeat-x;
padding:15px;
border: 1px solid #A0E014;}
div#A1B4
{margin-left: 160px;
margin-right: 10px;
width: auto;
color:#E0E0FF;}
div#A1B1
{width: 100%;
height: 100%;
position: absolute;}
</STYLE>
<SCRIPT LANGUAGE='Javascript' type='text/javascript'>
var popup;
var transmetre_parent=true;
function transmettre(t)
{
return transmetre_parent=t;
}
function transmission()
{
return transmetre_parent;
}
function insert_option(field,value,value_text)
{
index=field.options.length;
field.options[index]=new Option(value,value_text);
}
function essai(id)
{
if (! window.focus)return true;
var mylink = 'popupbasic.html';
var href;
if (typeof(mylink) == 'string')
href='popup.php?id=';
else
href=mylink.href;
window.open(href+id, 'Titre', 'width=375,height=300,toolbal=no,location=no,directories=no,status=no,menubar=no=scrollbars=no,resilable=no');
return false;
}
</SCRIPT>
</HEAD>
<BODY>
<div id='A1B1' onClick="javascript: if(transmission()) essai('A1B1');return transmettre(false);">
<div id='A1B2' onClick="javascript: if(transmission()) essai('A1B2');return transmettre(false);">
<img id='A3B1' onClick="javascript: if(transmission()) essai('A3B1');return transmettre(false);">
</div>
<div id='A1B3' onClick="javascript: if(transmission()) essai('A1B3');return transmettre(false);">
</div>
<div id='A1B4' onClick="javascript: if(transmission()) essai('A1B4');return transmettre(false);">
<div id='A1B5' onClick="javascript: if(transmission()) essai('A1B5');return transmettre(false);">essai<br>
la suite bientôt
</div>
</div>
</div>
</BODY>
</HTML>

mouep ça fait bcq...

Message édité par Dorian BAC+4 le 01-05-2006 à 12:17:09

gatsu35

Blablaté par Harko

déjà ferme tes DIV je comprend pas pourquoi tes div ne sont pas fermés

ferme chaque div et vire moi le paté de BR

Dorian BAC+4

ils le sont!

gatsu35

Blablaté par Harko

je peux comprendre pourquoi tu as pleins de div imbriqués .

Dorian BAC+4

http://webtoulon.free.fr/Sam/

Dorian BAC+4

gatsu35

Blablaté par Harko

ET pourquoi tes divs sont imbriqués avec des onclicks de partout sur chaque div

gatsu35

Blablaté par Harko

et c'est quoi qui marche pas
le fait d'ouvrir une popup ? ou la popup qu n'interagit pas avec la fenetre ouvrante (sachant que c'est mal codé d'office)

Dorian BAC+4

les imbrications j'ai pas le choix c comme ça

pour ce qui est du problème c le fait soit qu'en cliquant sur l'élément l'appel boucle sur lui meme juskà atteindre le conteneur global A1B1

soit que l'appel se fait correctement dans l'exemple montrait ci-dessus mais qu'il ne peut etre fait qu'une fois...

et je souhiaterais pouvoir appeler le popup autant de fois ke je veux... et surtout sur l'élément que je veux

gatsu35

Blablaté par Harko

tu fous '_blank' a la place de 'titre'
ca t'ouvrira une nouvelle popup à chaque window.open

Dorian BAC+4

okayy avis aux amateurs ki ne comprennent rien à ceux qu'ils écrivent... merci bien je me passerai de vos réponses à 2 sous.

j'attends avec impatience vos réponses constructives

Message cité 1 fois

Dorian BAC+4

vous avez tous mon code source sur http://webtoulon.free.fr/Sam/
et vous pouvez le copier pour le tester

pas de réponses qui ne marchent pas merci

Harkonnen

Modérateur
Un modo pour les bannir tous

Dorian BAC+4 a écrit :

okayy avis aux amateurs ki ne comprennent rien à ceux qu'ils écrivent... merci bien je me passerai de vos réponses à 2 sous.

j'attends avec impatience vos réponses constructives

et moi j'attends avec impatience le pourquoi de ce post

edit: et si possible, sans fautes d'orthographe niveau CM2 ou de SMS Style. merci

Message cité 1 fois
Message édité par Harkonnen le 01-05-2006 à 15:10:00

---------------
J'ai un string dans l'array (Paris Hilton)

gatsu35

Blablaté par Harko

J'ai la vague impression que tu ne sais même pas ce que tu as codé [:petrus75]

gatsu35

Blablaté par Harko

Harkonnen a écrit :

edit: et si possible, sans fautes d'orthographe niveau CM2 ou de SMS Style. merci

Ho oui fouette moi à coup de corrections d'orthographe :love:

Dorian BAC+4

Explication :

Je souhaiterais pouvoir ouvrir un popup lors d'un clic sur un des éléments de ma page.
Chaque élément a son Id propre qui passé en paramètre lors de l'ouverture du popup, me permettra ensuite d'agir sur l'élément sélectionné.

Dorian BAC+4

Le problème actuel est que je ne peux pas faire autrement que d'utiliser des imbrications et ce que j'ai eu l'occasion de tester jusqu'à présent m'a soit limité à l'ouverture d'un seul popup (puis plus possible d'en ouvrir d'autre), soit d'ouvrir autant de popup que je veux mais toujours en ayant pour paramètre le conteneur global

Dorian BAC+4

Le problème viendrait soit-disant du renvoie de true ou false.
Les deux codes tester font :

- je renvoie false... mais je peux plus utiliser la fonction ensuite
- je renvoie true... la fonction semble boucler jusqu'à parvenir au conteneur parent global

Dorian BAC+4

gatsu35

Blablaté par Harko

http://gatsu.ftp.free.fr/html/popupinteraction/
tu lances principale.html

les onclicks sur les id sont automatisés
la fonction Popup(obj, AllowMultiplePopup)
obj = correspond à l'objet sur lequel tu as cliqué
AllowMultiplePopup = booleen,
-true : chaque objet aura sa popup,
-false ou rien du tout = tous les objets auront la même popup

exemples de lancement de cette fonction :
Popup(this)
Popup(this,true)
Popup(this,false)

et dans popup.html, je récupère l'id passé en paramètres dans l'url (oui je suis une grosse feignasse)
et baste

C'est pas exempt de défauts hein

Par exemple il faudrait rajouter un control de dimensions afin de ne pas avoir de hauteur et largeur négative, afin de ne pas se prendre de alert dans le coin de la gueule.

Message édité par gatsu35 le 01-05-2006 à 16:49:10

nargy

tu n'a pas du comprendre la méthode.
dans le tout premier div, tu remplace false par true.

Dorian BAC+4

je veux que TOUT meme le premier div puisse etre modifié
et nan gatsu ça marche pas

Cf modifications : http://webtoulon.free.fr/Sam/

Message édité par Dorian BAC+4 le 01-05-2006 à 17:25:43

Dorian BAC+4

gatsu pk te limites tu aux div en plus?

gatsu35

Blablaté par Harko

Bon c'est bon ça marche
J'ai un booleen, qui est à false par defaut
dès qu'on click il passe à true et empeche les autres onclicks des autres div d'ouvrir une popup. Ensuite dès que la popup est totalement chargée le booleen repasse à false à partir de la popup.

Et si je me limite au div c'st parce que dans ton exemple ya que des div , et que j'ai juste une fonction d'initialisation
tu peux très bien le faire sur ce que tu veux
ou bien rajouter l'évènement onclick à la main sur n'importe quoi

<a href="#" id="objet" onclick="Popup(this, true)">ta reum </a>

Message édité par gatsu35 le 01-05-2006 à 17:34:07

Publicité

Page : 1 2

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

OnClick... pourquoi ça marche pas??

Sujets relatifs
XHTML : target="_blank" devient onclick="window.open(...)",oui mais...	Pourquoi mon if marche pas
test javascript avec onclick="..."	Pourquoi sa marche pas ?
[C#] DataAdapter.Update() marche pô	radiobutton et selected qui marche po
Pb avec le bouton "onclick"	[PHP] Fonction mail() qui ne marche pas
Regex qui ne marche pas :@	accesskey et onclick : marche pas sous IE ?
Plus de sujets relatifs à : OnClick... pourquoi ça marche pas??

Page générée en 0.073 secondes