Mon cahier d’exercices sur jQuery & Co
Ce que je crois savoir. Ce que je pense devoir faire. Si je ne me trompe pas !

Plugin spacefrogRule

"Auteur : Hagnoul Daniel"

Texte : v1.0.1 2010-06-12
Texte : v1.0.0 2010-05-24

Émuler colspan et rowspan qui n'existent pas en CSS 2

Version jQuery de l'idée et du programme JavaScript de SPaceFrog.

Permets l'utilisation d'une classe au lieu d'un attribut.

Exemple, un titre sur deux colonnes :
<th class="colspan2">th 2-3</th>
deviendra :
<th class="colspan2" colspan="2">th 2-3</th>.

Exemple, une cellule sur deux lignes et deux colonnes :
<td class="colspan2 rowspan2">58-59/68-69</td>
deviendra :
<td class="colspan2 rowspan2" colspan="2" rowspan="2">58-59/68-69</td>

Exemple, une cellule sur trois colonnes :
<td class="colspan3">30-31-32</td>
deviendra :
<td class="colspan3" colspan="3">30-31-32</td>

 

th 0 th 1 th 2-3 th 4 th 5 th 6 th 7 th 8-9
10/20 11/21 12-13 14/24 15/25 16/26 17/27 18-19
22-23 28 29
30-31-32 33 34 35 36 37 38 39
50 51 52 53 54 55 56 57 58-59/68-69
60 61 62 63 64 65 66 67

 

Téléchargement ftp : jquery.spacefrogRule-1.0.0.js

Téléchargement http : jquery.spacefrogRule-1.0.0.js

Yet another one dreamt by SPaceFrog

Idée et programme JavaScript original de SPaceFrog

http://www.developpez.net/forums/d925747/webmasters-developpement-web/contribuez/emuler-css-colspan-rowspan/

L'auteur décline toutes responsabilités !
------------------------------------------
Version jQuery par Daniel Hagnoul

Plugin jquery.spacefrogRule-1.0.0.js

Code : v1.0.0 2010-05-24
------------------------------------------
Usage :

	$("#tableID").spacefrogRule();

	Exemple, un titre sur deux colonnes :
		<th class="colspan2">titre</th>
	
	Exemple, une cellule sur trois lignes et deux colonnes :
		<td class="rowspan3 colspan2">contenu td</td>
	
	On peut traiter plusieurs tables en même temps :
		$("table").spacefrogRule({
			rowClass:"rowExt",
			colClass:"colExt"
		});
------------------------------------------
Options disponibles, réglages par défaut :
	rowClass: "rowspan",
	colClass: "colspan"

À bientôt !

 

Veuillez poser vos questions
techniques sur le forum jQuery
s'il vous plait.

Avertissement solennel

Autodidacte en informatique, l’auteur a tous les défauts de sa qualité. Si vous vous inspirez, copiez ou pire utilisez le contenu de cette page, vous êtes téméraire, inconscient du danger !

Reconnaissant avoir été dûment informé, vous déchargez l’auteur et à fortiori l’hébergeur du site de toute responsabilité dans les graves dégâts que vous causerez sûrement !

Vous n'aurez jamais fini d'apprendre la programmation, aussi apprenez à apprendre en vous amusant.

Creative Commons License Attribution-Share Alike 2.0 Belgium Except where otherwise noted, content on this site is licensed under a Creative Commons License : Attribution-Share Alike 2.0 Belgium

Mention obligatoire : "Auteur : Hagnoul Daniel (http://www.developpez.net/forums/u285162/danielhagnoul/)"