CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 11 18:55:10

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

Modifier le paramètre d'une fonction appelé par onclick dans un layer

Poser une question dans le forum ou lancer une discussion

Modifier le paramètre d'une fonction appelé par onclick dans un layer

lundi 1 août 2005 à 13:22:45 | Modifier le paramètre d'une fonction appelé par onclick dans un layer

jfmaze

3 msg

8 msg CS

J'ai un layer dont le cellules peuvent évoluer en valeur et aussi sur le paramètre de la fonction qui est appelée.
- lors de la création du layer le onclick fonctionne bien
- lorsque que je modifie les valeurs des cellules, il n'y a pas de problème, mais lorsque je modifie l'attribut onclick pour changer la valeur du paramètre à passer à la fonction (recup), alors les cellules ne click plus:

Voici un petit exemple de mon problème:

<html>

<head>

<style>

#csscontrole { HEIGHT: 105px; LEFT: 200px; BORDER: #000000 thin solid; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 20px; Z-INDEX: 1;}

</style>

oTop=16;

oLeft=30;

var controle = new Controle();

function Controle() {

//alert("toto");

}

Controle.calculer = function() {

// fabrication du controle

html = "<DIV id=csscontrole style=\"HEIGHT: 1px; LEFT: 120px; TOP: 100px; WIDTH: 100px; VISIBILITY: hidden; \">";

html += "<table id='tidcontrole' cellspacing='0' cellpadding='0' border='0' width=60 valign='top'><tbody>";

html += "<tr><td";

html += " onclick='recup(\"A\");' align='center' style='cursor: hand;'> A </td>";

html += "<tr><td";

html += " onclick='recup(\"B\");' align='center' style='cursor: hand;'> B </td>";

html += "</td></tr>";

html += "<tr><td";

html += " onclick='recup(\"C\");' align='center' style='cursor: hand;'> C </td>";

html += "<tr><td";

html += " onclick='recup(\"D\");' align='center' style='cursor: hand;'> D </td>";

html += "</td></tr>";

html += "<tr><td width='100'>";

html += "</td></tr>";

html += "</tbody></table></div>";

document.write(html);

document.all.csscontrole.style.visibility='hidden';

}

Controle.maj = function() {

// racine est le noeud TBODY dont les lignes du tableau sont les childNodes

var racine = document.getElementById("tidcontrole").lastChild;

var iligne = 0;

var ligne = racine.childNodes[iligne];

var cell = ligne.firstChild;

// modification des cellules

cell = ligne.childNodes[0];

var ch_var_long = "recup(\"E\");";

cell.firstChild.nodeValue = "E";

//alert(cell.attributes["onclick"].nodeValue);

cell.removeAttribute("onclick");

//cell.attributes["onclick"].nodeValue = ch_var_long;

//cell.setAttribute("onClick", ch_var_long);

cell.onclick = ch_var_long;

//alert(cell.attributes["onclick"].nodeValue);

var iligne = 1;

var ligne = racine.childNodes[iligne];

var cell = ligne.firstChild;

cell = ligne.childNodes[0];

var ch_var_long = "recup(\"F\");";

cell.firstChild.nodeValue = "F";

//alert(cell.attributes["onclick"].nodeValue);

cell.removeAttribute("onclick");

//cell.attributes["onclick"].nodeValue = ch_var_long;

//cell.setAttribute("onClick", ch_var_long);

cell.onclick = ch_var_long;

//alert(cell.attributes["onclick"].nodeValue);

var iligne = 2;

var ligne = racine.childNodes[iligne];

var cell = ligne.firstChild;

cell = ligne.childNodes[0];

var ch_var_long = "recup(\"G\");";

cell.firstChild.nodeValue = "G";

//alert(cell.attributes["onclick"].nodeValue);

cell.removeAttribute("onclick");

//cell.attributes["onclick"].nodeValue = ch_var_long;

//cell.setAttribute("onClick", ch_var_long);

cell.onclick = ch_var_long;

//alert(cell.attributes["onclick"].nodeValue);

var iligne = 3;

var ligne = racine.childNodes[iligne];

var cell = ligne.firstChild;

cell = ligne.childNodes[0];

var ch_var_long = "recup(\"H\");";

cell.firstChild.nodeValue = "H";

//alert(cell.attributes["onclick"].nodeValue);

cell.removeAttribute("onclick");

//cell.attributes["onclick"].nodeValue = ch_var_long;

//cell.setAttribute("onClick", ch_var_long);

cell.onclick = ch_var_long;

//alert(cell.attributes["onclick"].nodeValue);

}

function valid(nTop,nLeft,nHaut,nLarg)

{

//alert(document.all.controle.style.visibility);

var nTop=eval(nTop + nHaut + oTop + document.all.tdcontrole.offsetTop);

var nLeft=eval(nLeft + oLeft + document.all.tdcontrole.offsetLeft - document.all.tdcontrole.offsetWidth + nLarg);

document.all.csscontrole.style.pixelTop=nTop;

document.all.csscontrole.style.pixelLeft=nLeft;

document.all.csscontrole.style.visibility='visible';

}

function recup(MaValeur)

{

document.form1.idcontrole.value=MaValeur;

Controle.maj();

document.all.csscontrole.style.visibility='hidden';

}

</script>

</head>

<body>

Controle.calculer();</script>

<tr><td width="50%">Ouvir le contrôle</td>

</td></tr></form></table>

</body>

</html>

Merci pour votre aide

lundi 1 août 2005 à 20:43:41 | Re : Modifier le paramètre d'une fonction appelé par onclick dans un layer

GhislainLavoie

266 msg

270 msg CS

Salut!

Je te propose d'utiliser l'évenement pour récuperer la valeur de la cellule.

Exemple :

<html>
<head>
<style>
#csscontrole { HEIGHT: 105px; LEFT: 200px; BORDER: #000000 thin solid; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 20px; Z-INDEX: 1;}
</style>

<script language="JavaScript">
oTop=16;
oLeft=30;

var controle = new Controle();

function Controle() {

//alert("toto");

}

Controle.calculer = function() {

// fabrication du controle

html = "<DIV id=csscontrole style=\"HEIGHT: 1px; LEFT: 120px; TOP: 100px; WIDTH: 100px; VISIBILITY: hidden; \">";
html += "<table id='tidcontrole' cellspacing='0' cellpadding='0' border='0' width=60 valign='top'><tbody>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;'> A </td>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;'> B </td>";
html += "</td></tr>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;'> C </td>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;'> D </td>";
html += "</td></tr>";
html += "<tr><td width='100'>";
html += "</td></tr>";
html += "</tbody></table></div>";

document.write(html);

document.all.csscontrole.style.visibility='hidden';

}

Controle.maj = function() {

// racine est le noeud TBODY dont les lignes du tableau sont les childNodes

var racine = document.getElementById("tidcontrole").lastChild;

// modification des cellules
var iligne = 0;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.firstChild.nodeValue = "E";
cell.onclick = recup;

var iligne = 1;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.nodeValue = "F";
cell.onclick = recup;

var iligne = 2;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.nodeValue = "G";
cell.onclick = recup;

var iligne = 3;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.firstChild.nodeValue = "H";
cell.onclick = recup;

}

function valid(nTop,nLeft,nHaut,nLarg)

{

//alert(document.all.controle.style.visibility);

var nTop=eval(nTop + nHaut + oTop + document.all.tdcontrole.offsetTop);

var nLeft=eval(nLeft + oLeft + document.all.tdcontrole.offsetLeft - document.all.tdcontrole.offsetWidth + nLarg);

document.all.csscontrole.style.pixelTop=nTop;

document.all.csscontrole.style.pixelLeft=nLeft;

document.all.csscontrole.style.visibility='visible';

}

function recup(ev)
{
MaCellule =ev&& ev.target?ev.target:event.srcElement;
MaValeur = MaCellule.firstChild.nodeValue;
document.form1.idcontrole.value=MaValeur;

Controle.maj();

document.all.csscontrole.style.visibility='hidden';

}

</script>

</head>

<body>

<script language="JavaScript">

Controle.calculer();</script>

<table width="250" class="table1">

<form method="POST" name="form1" action="/Asp/test/Test.asp">

<tr><td width="50%">Ouvir le contrôle</td>

<td width="50%" id=tdcontrole>

<INPUT type="text" name="idcontrole" id="idcontrole" class="zone" size="10" border="0"><A OnClick="javascript:valid(this.offsetTop,this.offsetLeft,this.offsetHeight,this.offsetWidth);"><IMG src="/_gfi_copy/img/BoutonOuvrir.gif" border="0" width="16"></a>

</td></tr></form></table>

</body>

</html>

A+, Ghislain

mardi 2 août 2005 à 10:20:47 | Re : Modifier le paramètre d'une fonction appelé par onclick dans un layer

jfmaze

3 msg

8 msg CS

Bonjour et merci de ta réponse.
Je ne comprends pas bien le fonctionnement de ta solution. Je n'ai jamais utilisé event et target; je vais regarder dans les doc. Est-ce que celà peut me permettre de récupérer dans la fonction récup une valeur qui serait différente de celle qui est affichée dans le TD, et dont le calcul (fait dans la fonction maj) fait qu'il se peut qu'il n'y ait pas de relation.
Effectivement dans le script de test j'ai repris des valeurs identiques, mais dans mon appli elles sont toujours différentes, et je pensais pouvoir éviter de refaire le calcul lors de la récupération de la valeur clickée.
J'avais aussi une autre solution qui était de gérer un tableau caché des valeurs avec le même indice que le tableau affiché?
Qu'en penses-tu.
Je ne suis pas sûr d'avoir été très clair

A+,
Jean-François

mardi 2 août 2005 à 16:10:16 | Re : Modifier le paramètre d'une fonction appelé par onclick dans un layer

GhislainLavoie

266 msg

270 msg CS

Salut!

Avec un setAttribute et getAttribute, tu devrais trouver ton compte.

A+, Ghislain

<html>
<head>
<style>
#csscontrole { HEIGHT: 105px; LEFT: 200px; BORDER: #000000 thin solid; POSITION: absolute; TOP: 20px; VISIBILITY: hidden; WIDTH: 20px; Z-INDEX: 1;}
</style>

<script language="JavaScript">
oTop=16;
oLeft=30;

var controle = new Controle();

function Controle() {

//alert("toto");

}

Controle.calculer = function() {

// fabrication du controle

html = "<DIV id=csscontrole style=\"HEIGHT: 1px; LEFT: 120px; TOP: 100px; WIDTH: 100px; VISIBILITY: hidden; \">";
html += "<table id='tidcontrole' cellspacing='0' cellpadding='0' border='0' width=60 valign='top'><tbody>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;' value='AAA'> A </td>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;' value='BBB'> B </td>";
html += "</td></tr>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;' value='CCC'> C </td>";
html += "<tr><td";
html += " onclick='recup(event);' align='center' style='cursor: hand;' value='DDD'> D </td>";
html += "</td></tr>";
html += "<tr><td width='100'>";
html += "</td></tr>";
html += "</tbody></table></div>";

document.write(html);

document.all.csscontrole.style.visibility='hidden';

}

Controle.maj = function() {

// racine est le noeud TBODY dont les lignes du tableau sont les childNodes

var racine = document.getElementById("tidcontrole").lastChild;

// modification des cellules
var iligne = 0;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.setAttribute("value","EEE");
cell.firstChild.nodeValue = "E";
cell.onclick = recup;

var iligne = 1;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.setAttribute("value","FFF");
cell.firstChild.nodeValue = "F";
cell.onclick = recup;

var iligne = 2;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.setAttribute("value","GGG");
cell.firstChild.nodeValue = "G";
cell.onclick = recup;

var iligne = 3;
var ligne = racine.childNodes[iligne];
var cell = ligne.firstChild;
cell.setAttribute("value","HHH");
cell.firstChild.nodeValue = "H";
cell.onclick = recup;

}

function valid(nTop,nLeft,nHaut,nLarg)

{

//alert(document.all.controle.style.visibility);

var nTop=eval(nTop + nHaut + oTop + document.all.tdcontrole.offsetTop);

var nLeft=eval(nLeft + oLeft + document.all.tdcontrole.offsetLeft - document.all.tdcontrole.offsetWidth + nLarg);

document.all.csscontrole.style.pixelTop=nTop;

document.all.csscontrole.style.pixelLeft=nLeft;

document.all.csscontrole.style.visibility='visible';

}

function recup(ev)
{
MaCellule =ev&& ev.target?ev.target:event.srcElement;
alert(MaCellule.getAttribute("value"));
MaValeur = MaCellule.firstChild.nodeValue;
document.form1.idcontrole.value=MaValeur;

Controle.maj();

document.all.csscontrole.style.visibility='hidden';

}

</script>

</head>

<body>

<script language="JavaScript">

Controle.calculer();</script>

<table width="250" class="table1">

<form method="POST" name="form1" action="/Asp/test/Test.asp">

<tr><td width="50%">Ouvir le contrôle</td>

<td width="50%" id=tdcontrole>

<INPUT type="text" name="idcontrole" id="idcontrole" class="zone" size="10" border="0"><A OnClick="javascript:valid(this.offsetTop,this.offsetLeft,this.offsetHeight,this.offsetWidth);"><IMG src="/_gfi_copy/img/BoutonOuvrir.gif" border="0" width="16"></a>

</td></tr></form></table>

</body>

</html>

mardi 2 août 2005 à 16:39:06 | Re : Modifier le paramètre d'une fonction appelé par onclick dans un layer

jfmaze

3 msg

8 msg CS

Salut Ghislain,
C'est exactement çà que je cherchais.
Je te remercie beaucoup
A+

Cette discussion est classée dans : long, html, var, onclick, cell

Répondre à ce message

Sujets en rapport avec ce message

[html]Onclick + banière de pub [ par captainfalko ] Bonjour, J'ai une baniere de pub (MisterBot)que je souhaite associé a un évenement Onclick pour mes html. Je voudrais enfait, lors du clic sur la ban editeur html pb de balise ki apparait plusieur fois [ par sticky97 ] salut,g fais un editeur html en wysiwyg... g rajouter du javascript pour faire lebalise .... et je voudrai ke le prog evite de mettredeux fois la même redimensionner une page sur le onclick [ par niko14 ] Hello tout le monde!Voila en fait mon probleme!!J'enregistre un document word sous forme de page html!Apres je ressors tout ca en cliquant sur un lien Javascript et Bouton HTML [ par Slyders ] Bonjour,J'ai créé un bouton HTML qui prend comme valeur un chiffre.J'aimerai que sur mon onclick de se bouton je puisse récupérer se chiffre en tant q Script mot de passe sur la page index [ par webmcmaster ] Bonjour,J'utilise actuellement le script ci-dessous qui à pour vocation de filtrer certaines pages html via un code utilisateur et un mode de passe. T suppression ligne tableau [ par touriste80 ] BonjourJ'ai un ptit souci!! dans une colonne d'un tableau j'ai supprimé pour supprimer la ligne que je veux dans le tableau. chaque ligne rajoutée dan Je souhaiterais modifier la valeur de l'attribut class sur une balise TD avec Netscape 4.7 [ par zizou100679 ] Je souhaiterais modifier la valeur de l'attribut class sur une balise TD avec Netscape 4.7Voici mon code qui permet de definir un evenement onclick po changer une ligne de script?? [ par inthecorner ] Bonjour,je suis un newbie en javascript...ma Table ASP... if Diffusion Vidéos [ par goingup ] Bonjour à tous,Depuis quelque temps j'ai des difficultés pour diffuser mes vidéos depuis mon serveur ifrance...Effectivement, mes vidéos ne se lisent onclick : chargement autre html [ par Orange73 ] Bonjour,J'ai une page html (index.html) avec 1 bouton "enter". Dès son clic il ouvre une anim flash en fullscreen.Je souhaiterai également que lors du

Livres en rapport

Javascript

HTML

HTML 4

HTML4 et CSS

Tous les livres pour Long, Html, Var, Onclick, Cell

Nos sponsors

Derniers Blogs

[MSTD10] SHAREPOINT 2010 ET TEAM FOUNDATION SERVER par phil

[MSTD10] SQL SERVER 2008 POUR LES DéVELOPPEURS ET VISUAL STUDIO TEAM SYSTEM DATABASE EDITION par Miiitch

[WF4] LOCALISER SIMPLEMENT UNE ACTIVITé ET SON DESIGNER WPF par JeremyJeanson

[TECHDAYS 2010] WEBCASTS ET SLIDES par Audrey

NDEPEND V3. J'ADORE SON INTéGRATION AVEC VS2010 par tja

Forum

RE : PROBLEME AVEC MON CODE SOURCE EN JAVASCRIPT par PetoleTeam

RE : PROBLEME AVEC MON CODE SOURCE EN JAVASCRIPT par dabanks

RE : PRECHARGEMENT DES IMAGE par PetoleTeam

RE : LIRE UN FICHIER XML par PetoleTeam

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciel Gestion Windev
Budget : 300€
Application fidelisation client
Budget : 2 000€
joomla multilanguage
Budget : 600€

Logiciels

Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods
Konvertor (4.00)
KONVERTOR (4.00)

Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format...

Cliquez pour télécharger Konvertor
Xlite (v 3.0 build 41150)
XLITE (V 3.0 BUILD 41150)

c'est un logiciel qui permet de téléphoner par Internet à l'aide d'un compte SIP pratique pour le...

Cliquez pour télécharger Xlite
Academy System (10.9.3.0)
ACADEMY SYSTEM (10.9.3.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System