[JS / DOM] (power inside)

Marsh Posté le 09-07-2002 à 11:50:09

salut
je veux virer des nodes ou des éléments d'un node mais je sais pas comment faire ....

quelqu'un a t'il une soluce ??
merci

Message édité par k666 le 09-07-2002 à 19:17:00

Reply

Marsh Posté le 09-07-2002 à 11:50:09

Reply

Marsh Posté le 09-07-2002 à 13:42:16

s'il vous plait :'(
j'ai vraiment besoin d'un ptit coup de main, ça doit être tout con mais j'y arrive pas;

j'ai essayé avec cloneNode(); marche po :s

j'aimerais pouvroi faire une copie parfaite d'un node et de ces sous nodes pour le réorganiser à ma façon, ou pour déplacer les nodes à l'intérieur de la structure...je suis sûr que l'un de vous doit savoir un ptit kek chose sur DOM qui puisse m'aider ...
merci mais j'ai plus aucun espoir:s

Reply

Marsh Posté le 09-07-2002 à 14:03:33

bon déolé de vous avoir ennuyé! j'ai trouvé et ça marche
fallait faire un new Object(); pour que le node DOM soit pas copié par référence mais par valeur ....

bon je ponds le code;
explications: ça fait un tri de colonne sur un tableau HTML avec plein de valeurs ... c que du client side donc c sympa, ça diminue le nombre de requêtes sql etc....
voilà donc: (je dois le cleaner c clair)

Code :

<HTML>
<HEAD>
<script type="text/javascript">
var transTable;
var tableValues;
var tableContents;
var sortedField;
var cancelSort = false;
/*************************************
* fonctions à 2 francs *
*************************************/
// clean tous les tags HTML, retourne le texte contenu ...
function extractValue(shitty)
{
if (shitty.length > 0)
{
while( (shitty.indexOf("<" ) >= 0) && (shitty.indexOf(">" ) > shitty.indexOf("<" )) )
{
shitty = shitty.substr(0,shitty.indexOf("<" )) + shitty.substr(shitty.indexOf(">" )+1,shitty.length);
}
return shitty;
}
return;
}
// échange deux cases de tableau
function swap(i, j)
{
if (i==j)
return !cancelSort;
var t=tableValues[i];
tableValues[i]=tableValues[j];
tableValues[j]=t;
var u = transTable[i];
transTable[i] = transTable[j];
transTable[j] = u;
return !cancelSort;
}
// algorithme de tri
function quickSort1(start, end)
{
if (end-start > 1 && !cancelSort)
{
var lastlow=start;
for (var i=start+1; i<end; ++i)
{
if (tableValues[i][sortedField]<tableValues[start][sortedField])
if (!swap(i, ++lastlow))
return;
}
if (!swap(start, lastlow))
return;
quickSort1(start, lastlow);
if (!cancelSort)
quickSort1(lastlow+1, end);
}
}
/*************************************
* /fonctions à 2 francs\ *
*************************************/
// réorganise le tableau ...
function quickSort(obj,sorted)
{
var nblines = obj.childNodes[0].childNodes.length;
var nbcols = obj.childNodes[0].childNodes[0].childNodes.length;
tableValues = new Array(nblines);
tableContents = new Array(nblines);
transTable = new Array(nblines);
sortedField = sorted;
for (n=1;n<nblines;n++)
{
transTable[n] = n;
}
for (i=0;i<nblines;i++)
{
tableValues[i] = new Array(nbcols);
tableContents[i] = new Array(nbcols);
for (j=0;j<nbcols;j++)
{
tableValues[i][j] = extractValue(obj.childNodes[0].childNodes[i].childNodes[j].innerHTML);
tableContents[i][j] = obj.childNodes[0].childNodes[i].childNodes[j].innerHTML;
}
}
quickSort1(1,nblines);
var tempNode = new Array();
for (i=1;i<nblines;i++)
{
tempNode[i] = new Object();
tempNode[i] = obj.childNodes[0].childNodes[1].cloneNode(obj.childNodes[0].childNodes[1]);
obj.childNodes[0].removeChild(obj.childNodes[0].childNodes[1]);
}
for (i=1;i<transTable.length;i++)
{
obj.childNodes[0].appendChild(tempNode[transTable[i]])
}
}
</script>
</HEAD>
<BODY>
<table border="1" name="ma_table" id="ma_table">
<tr>
<th><a href="javascript:quickSort(document.getElementById('ma_table'),0);">pouett</a></th>
<th><a href="javascript:quickSort(document.getElementById('ma_table'),1);">prout</a></th>
<th><a href="javascript:quickSort(document.getElementById('ma_table'),2);">coin</a></th>
<th><a href="javascript:quickSort(document.getElementById('ma_table'),3);">coin</a></th>
</tr>
<tr>
<td>1</td>
<td>25_9o</td>
<td>zigatrik</td>
<td>crik</td>
</tr>
<tr>
<td>3</td>
<td>paparaze</td>
<td>sepi</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>paparaze</td>
<td>sepi</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>paparaze</td>
<td>sepi</td>
<td></td>
</tr>
<tr>
<td>6</td>
<td>asdfze</td>
<td>scoinepi</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>paparaze</td>
<td>123sepi</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>paparaze</td>
<td>sepi</td>
<td></td>
</tr>
</table>
</BODY>
</HTML>

merci à ceux qui m'ont un peu aidé et si vous avez de l'aide ou des commentaires ou suggestions je suis preneur @+

Reply

Marsh Posté le 09-07-2002 à 19:06:05

hum...
juste un ptit up pour dire que mon truc c de la merde ....
en fait ça marche pas des masses sous mozilla 1.0 :'(

et donc: j'ai trouvé un site, et là, c HALLUCINANT ce qu'ils font,
si vous avez rien d'autre à faire, mattez moi ça:

http://web-fx.info/dhtml/tablesort/demo.html

ils sont très forts les keumés

et regardez le code javascript de la page html .... franchement ..chapeau :jap:

Reply

[JS / DOM] (power inside)

Sujets relatifs:

Leave a Replay