bachir/drupal-rorschach
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

js rowspan table

Browse Source
This commit is contained in:
ouidade
2023-11-13 15:05:39 +01:00
parent 454f18c2c2
commit 872bc4a988
7 changed files with 26 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/rorschach/scripts/main.js
+19 -10
View File
@@ -5,22 +5,31 @@ console.log('salut');
///
// doit chercher un p dans td dans tbody dans table dans .paragraph--type--text qui a la class .rowspan et setAttribut a son parent td
var cellRowspan = document.querySelector('p.rowspan').parentElement;
cellRowspan.setAttribute('rowspan', '4');
var cellRowspans = document.querySelectorAll('p.rowspan');
// cellRowspan.setAttribute('rowspan', '4');
for (let cellRowspan of cellRowspans){
let cellRowSpanParent = cellRowspan.parentElement;
console.log(cellRowSpanParent);
cellRowSpanParent.setAttribute('rowspan', '4');
}
// // ok va chercher tous les éléments p.cell-display-none (child)
const pDisplayNone = document.querySelectorAll('p.cell-display-none');
console.log(pDisplayNone);
var displayNones = document.querySelectorAll('p.cell-display-none');
for (let displayNone of displayNones){
let displayNoneParent = displayNone.parentElement;
displayNoneParent.classList.add('display-none');
}
console.log(displayNone);
// // ok va chercher un element td (parent)
var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;
console.log(tdDisplayNone);
// /// et lui appliquer une class.
tdDisplayNone.classList.add('display-none');
// // // ok va chercher un element td (parent)
// var tdDisplayNone = document.querySelector('p.cell-display-none').parentElement;
// console.log(tdDisplayNone);
// // /// et lui appliquer une class.
// tdDisplayNone.classList.add('display-none');
web/themes/custom/rorschach/scripts/partial.js
+7 -3
View File
@@ -5,10 +5,14 @@ console.log('salut');
///
// doit chercher un p dans td dans tbody dans table dans .paragraph--type--text qui a la class .rowspan et setAttribut a son parent td
var cellRowspan = document.querySelector('p.rowspan').parentElement;
cellRowspan.setAttribute('rowspan', '4');
var cellRowspans = document.querySelectorAll('p.rowspan');
// cellRowspan.setAttribute('rowspan', '4');
for (let cellRowspan of cellRowspans){
let cellRowSpanParent = cellRowspan.parentElement;
console.log(cellRowSpanParent);
cellRowSpanParent.setAttribute('rowspan', '4');
}
// // ok va chercher tous les éléments p.cell-display-none (child)
const pDisplayNone = document.querySelectorAll('p.cell-display-none');