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 https : jquery.spacefrogRule-1.0.0.js

Yet another one dreamt by SPaceFrog

Idée et programme JavaScript original de SPaceFrog

https://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 les forums DVP,
s'il vous plait.

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