Afficher resultat plusieurs fonctions dans meme div

**Nicolas94** · 20/10/2009, 16h08

Bonjour,
je souhaiterais récupérer l'id d'une cellule. Apparement il faut utiliser getElementById via un onclick mais le probleme est que j'utilise deja un Onclick sur une cellule.

Je vous montre mon code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title>TEST</title>
<script>
	function afficheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
		}
	}
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}
</script>
</head>
<body>
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu');" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>
		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
</body>
</html>

Lorsque je clique sur ma cellule A1 le div apparait. je souhaiterais recuperer l'id de ma case A1 à l'interieur du Div et je ne vois pas trop comment faire.

Merci de votre aide.

Nico.

Invité · 20/10/2009, 16h14

jour

tu peut sans probleme cumuler plusieurs fonction sur un onclick le tout c'est de mettre un point virgule a la suite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick= 'premierefonction();deuxiemefonction();alert(this.id)'

**Nicolas94** · 20/10/2009, 16h26

En effet on peut cumuler plusieurs fonctions.
J'ai donc rajouté ceci : clic(this.id)
ce qui me donne ca : onclick="afficheId('contenu');clic(this.id)"
J'ai rajouter le script suivant :

var outgoingLink;
function clic(outgoingLink){
document.getElementById('contenu').innerHTML = "affichage du outgoingLink :"+outgoingLink+" ";

}

Quand je click sur ma cellule le div apparait avec mon Id en contenu. par contre le contenu du div "coucou et le lien fermer" n'apparaissent plus.
Une idée ?

Merci.

Nico.

Invité · 20/10/2009, 17h04

j'ai mis les modifs en bleue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
		   document.getElementById(baliseId).appendChild(document.createTextNode(di.id))
		}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">

**Nicolas94** · 20/10/2009, 17h04

Bon j'ai ajouter un div dans le div pour afficher le resultat.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    var outgoingLink;
    function clic(outgoingLink){
    document.getElementById('test').innerHTML = "affichage du outgoingLink :"+outgoingLink+" ";
 
    }
 
 
 
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
		<div id="test"></div>
	</div>