bonjour,

je voudrais encapsuler des div au centre d'un tableau afin de lui ajouter une bordure.

Je pensais que cela serait simple avec jquery en faisant:

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
before= "
<table cellpacing='0' cellpadding='0'>
	<tr>
		<td>
			<img src='Files/25284/coin-sup-left.png'>
		</td>
		<td class='bordSup'>
		</td>
		<td>
			<img src='Files/25284/coin-sup-right.png'>
		</td>
	</tr>	
	<tr>
		<td class='bordLeft'>
		</td>
		<td>";
 
after=	"</td>
		<td class='bordRight'>
		</td>
	</tr>
	<tr>
		<td>
			<img src='Files/25284/coin-inf-left.png'>
		</td>
		<td class='bordSup'>
		</td>
		<td>
			<img src='Files/25284/coin-inf-right.png'>
		</td>
	</tr>
</table>";
 
$('.borders').prepend( before);
$('.borders').append(after);
mais voila, jquery doit considérer que j'ai oublié de fermer la balise dans before et que j'ai des balises fermantes superflues dans after, puisqu'il en ajoute dans le premier cas et les supprime dans le second.

Puis je me suis dit que jquery n'etaiit pas forcément nécessaire, j'ai donc reconstruit la fonction qui permet de trouver les div ayant une classe définie:


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
divs= document.getElementsByTagName('div');
for(i=0;i<divs.length;i++){
   if(divs[i].className=='borders') {
       divs[i].innerHTML= before + divs[i].innerHTML + after;
       divs[i].className='';
     }
}

mais maintenant le code n'est plus évalué alors que cela m'est nécessaire.

Auriez-vous une idée pour débloquer la situation?
merci