Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1878 connectés 

  FORUM HardWare.fr
  Programmation

  [JS / DOM] (power inside)

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JS / DOM] (power inside)

n°173480
k666
dites non à petitmou
Posté le 09-07-2002 à 11:50:09  profilanswer
 

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
mood
Publicité
Posté le 09-07-2002 à 11:50:09  profilanswer
 

n°173590
k666
dites non à petitmou
Posté le 09-07-2002 à 13:42:16  profilanswer
 

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

n°173611
k666
dites non à petitmou
Posté le 09-07-2002 à 14:03:33  profilanswer
 

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 :
  1. <HTML>
  2. <HEAD>
  3. <script type="text/javascript">
  5. var transTable;
  6. var tableValues;
  7. var tableContents;
  8. var sortedField;
  9. var cancelSort = false;
  12. /*************************************
  13. *  fonctions à 2 francs   *
  14. *************************************/
  16. // clean tous les tags HTML, retourne le texte contenu ...
  17. function extractValue(shitty)
  18. {
  19. if (shitty.length > 0)
  20. {
  21.  while( (shitty.indexOf("<" ) >= 0) && (shitty.indexOf(">" ) > shitty.indexOf("<" )) )
  22.  {
  23.   shitty = shitty.substr(0,shitty.indexOf("<" )) + shitty.substr(shitty.indexOf(">" )+1,shitty.length);
  24.  }
  25.  return shitty;
  26. }
  27. return;
  28. }
  30. // échange deux cases de tableau
  31. function swap(i, j)
  32. {
  33. if (i==j)
  34.  return !cancelSort;
  35. var t=tableValues[i];
  36. tableValues[i]=tableValues[j];
  37. tableValues[j]=t;
  38. var u = transTable[i];
  39. transTable[i] =  transTable[j];
  40. transTable[j] = u;
  41. return !cancelSort;
  42. }
  44. // algorithme de tri
  45. function quickSort1(start, end)
  46. {
  47. if (end-start > 1 && !cancelSort)
  48. {
  49.  var lastlow=start;
  50.  for (var i=start+1; i<end; ++i)
  51.  {
  52.   if (tableValues[i][sortedField]<tableValues[start][sortedField])
  53.    if (!swap(i, ++lastlow))
  54.     return;
  55.  }
  56.  if (!swap(start, lastlow))
  57.   return;
  58.  quickSort1(start, lastlow);
  59.  if (!cancelSort)
  60.   quickSort1(lastlow+1, end);
  61. }
  62. }
  64. /*************************************
  65. *  /fonctions à 2 francs\   *
  66. *************************************/
  69. // réorganise le tableau ...
  70. function quickSort(obj,sorted)
  71. {
  72. var nblines = obj.childNodes[0].childNodes.length;
  73. var nbcols = obj.childNodes[0].childNodes[0].childNodes.length;
  74. tableValues = new Array(nblines);
  75. tableContents = new Array(nblines);
  76. transTable = new Array(nblines);
  78. sortedField = sorted;
  80. for (n=1;n<nblines;n++)
  81. {
  82.  transTable[n] = n;
  83. }
  85. for (i=0;i<nblines;i++)
  86. {
  87.  tableValues[i] = new Array(nbcols);
  88.  tableContents[i] = new Array(nbcols);
  89.  for (j=0;j<nbcols;j++)
  90.  {
  91.   tableValues[i][j] = extractValue(obj.childNodes[0].childNodes[i].childNodes[j].innerHTML);
  92.   tableContents[i][j] = obj.childNodes[0].childNodes[i].childNodes[j].innerHTML;
  93.  }
  94. }
  95. quickSort1(1,nblines);
  96. var tempNode = new Array();
  97. for (i=1;i<nblines;i++)
  98. {
  99.  tempNode[i] = new Object();
  100.  tempNode[i] = obj.childNodes[0].childNodes[1].cloneNode(obj.childNodes[0].childNodes[1]);
  101.  obj.childNodes[0].removeChild(obj.childNodes[0].childNodes[1]);
  102. }
  103. for (i=1;i<transTable.length;i++)
  104. {
  105.  obj.childNodes[0].appendChild(tempNode[transTable[i]])
  106. }
  107. }
  108. </script>
  109. </HEAD>
  110. <BODY>
  111. <table border="1" name="ma_table" id="ma_table">
  112. <tr>
  113. <th><a href="javascript:quickSort(document.getElementById('ma_table'),0);">pouett</a></th>
  114. <th><a href="javascript:quickSort(document.getElementById('ma_table'),1);">prout</a></th>
  115. <th><a href="javascript:quickSort(document.getElementById('ma_table'),2);">coin</a></th>
  116. <th><a href="javascript:quickSort(document.getElementById('ma_table'),3);">coin</a></th>
  117. </tr>
  118. <tr>
  119. <td>1</td>
  120. <td>25_9o</td>
  121. <td>zigatrik</td>
  122. <td>crik</td>
  123. </tr>
  124. <tr>
  125. <td>3</td>
  126. <td>paparaze</td>
  127. <td>sepi</td>
  128. <td></td>
  129. </tr>
  130. <tr>
  131. <td>2</td>
  132. <td>paparaze</td>
  133. <td>sepi</td>
  134. <td></td>
  135. </tr>
  136. <tr>
  137. <td>4</td>
  138. <td>paparaze</td>
  139. <td>sepi</td>
  140. <td></td>
  141. </tr>
  142. <tr>
  143. <td>6</td>
  144. <td>asdfze</td>
  145. <td>scoinepi</td>
  146. <td></td>
  147. </tr>
  148. <tr>
  149. <td>5</td>
  150. <td>paparaze</td>
  151. <td>123sepi</td>
  152. <td></td>
  153. </tr>
  154. <tr>
  155. <td>3</td>
  156. <td>paparaze</td>
  157. <td>sepi</td>
  158. <td></td>
  159. </tr>
  160. </table>
  161. </BODY>
  162. </HTML>


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

n°173923
k666
dites non à petitmou
Posté le 09-07-2002 à 19:06:05  profilanswer
 

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:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

  [JS / DOM] (power inside)

 

Sujets relatifs
[Javascript] DOM, tris de tableaux coté client ... AIDE NEDDED[Javascript,DOM] Creer dynamiquement un lien dans une table
XML et DTD (newbie inside)[VB(A)] Newbie inside
Questions débutants inside![ Super newbie inside - HTML] Mot de passe en clair
Comment on fait un "tant que" en Vb [NEWBIE INSIDE][super newbie inside] problème de header
PHPBB [Newbie inside]comment s'appelle ce composant (trou de memoire inside)
Plus de sujets relatifs à : [JS / DOM] (power inside)

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.057 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR