[défi n°6] Un peu de poésie que diable!

Version imprimable

Voir 40 message(s) de cette discussion en une page

02/06/2005, 13h06
javatwister

[défi n°6] Un peu de poésie que diable!

Bonjour à tous :mrgreen:

But du jeu:
Ecrire le corps de la fonction R() de manière à redonner un sens au texte sur un simple clic.

Contraintes :
Le code doit être le plus court possible.
Il doit être compatible Mozilla / Firefox.

Précision:
Indentez et aérez votre script autant que vous le voulez, les espaces vides ne comptent pas pour évaluer la longueur du code :wink:

http://javatwist.imingo.net/defi6.htm
02/06/2005, 14h05
Calak

Le script se basera uniquement sur ce texte là ou bien la fonction doit marcher aussi si le modifie?

Oula, je suis tres mauvais dans l'exercice 'deuxlignes'... Je prefere faire du code que j'espere pas trop obscur, mais meme si j'ai perdu d'avance, je poste quand meme ma reponse :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function R(c){ var lg = c.childNodes.length-1; for ( var i = lg;i >= 0; i-- ) { var par = c.childNodes[i]; c.removeChild(par); c.appendChild(par); rslt = ""; for ( var k = 0; k < par.innerHTML.length; k++ ) { rslt = par.innerHTML.charAt(k) + rslt; } par.innerHTML=rslt; } }
Et comme disait le baron (pas ernest antoine pour qui j'ai le plus profond mepris, l'autre) : l'important....

02/06/2005, 14h30
Matthieu2000

Citation:

Envoyé par fred777888999

Oula, je suis tres mauvais dans l'exercice 'deuxlignes'...

une ligne à faire! 53 caractères...résultat un peu moche!
02/06/2005, 14h36
fred777888999
Sinon j'ai une solution 'imbatable' :
Code:

1 2 3 4 function R(c) { c.innerHTML='coucou'; }
02/06/2005, 14h41
Calak

en plus, passe pas sous firefox ;)
02/06/2005, 14h57
fred777888999

:D tiens, je croyais avaoir ete suffisament standard, tans pis, j'ai perdu de toutes facons ;)
02/06/2005, 15h00
mikky

essayer de lire le texte
de droite vers le gauche
commencer du bas en montons vers le haut
:lol: :lol:
02/06/2005, 15h21
javatwister

Citation:

Envoyé par Calak

Le script se basera uniquement sur ce texte là ou bien la fonction doit marcher aussi si le modifie?

pas sûr d'avoir compris la question :mrgreen:

à fred:

C'est pas mal mais
1) pas compatible Moz :(
2) on va dire qu'on n'a pas le droit d'utiliser des propriétés freelance comme innerHTML
02/06/2005, 15h27
javatwister

à Matthieu2000 (qui a été le premier à proposer une solution _ en MP _ , qu'on se le dise!)

Citation:

Envoyé par Matthieu2000

c.innerText=c.innerText.split('').reverse().join('');

Dans le genre "plus court tu peux pas" c'est pas mal;
mais:
1) ne fonctionne qu'avec IE :?
2) Détruit la belle structure du poème (4 strophes)

Pendant que j'y suis, le bouton doit fonctionner à l'infini, quel que soit le texte (pour répondre, peut-être, à Calak)

on doit pouvoir faire mieux mais je ne suis pas mécontent de moi ...

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
function R(c){
fantome=document.createDocumentFragment();
while(c.lastChild){c.lastChild.firstChild.data=c.lastChild.firstChild.data.split('').reverse().join('');fantome.appendChild(c.lastChild)}
c.appendChild(fantome);
}
</script>

02/06/2005, 15h38
Matthieu2000

Citation:

ne fonctionne qu'avec IE

je n'ai que ie sous la main :(

sinon y'a ça mais c'est pas perpétuel ...

Code:

1
2
3
function R(c){
for(i=0;i<c.getElementsByTagName('div').length;i++){c.firstChild.firstChild.data=c.firstChild.firstChild.data.split('').reverse().join('');c.lastChild.insertBefore(c.firstChild)}
}

Citation:
Envoyé par SpaceFrog
on doit pouvoir faire mieux mais je ne suis pas mécontent de moi ...
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function R(c){ fantome=document.createDocumentFragment(); while(c.lastChild){c.lastChild.firstChild.data=c.lastChild.firstChild.data.split('').reverse().join('');fantome.appendChild(c.lastChild)} c.appendChild(fantome); } </script>
Belle optimisation en taille de ce que j'ai pondu (qu'on ne se meprenne pas, je ne pretends absolument pas que notre grenouille developpeuse soit partie meme de facon infime de mon code, je sais qu'il n'en as pas besoin).
Ca confirme ma phrase, je suis mauvais en deuxlignes ;).
:hola: SF ;)

Citation:
Envoyé par SpaceFrog
on doit pouvoir faire mieux mais je ne suis pas mécontent de moi ...
Code:

1 2 3 4 5 6 7 <script type="text/javascript"> function R(c){ fantome=document.createDocumentFragment(); while(c.lastChild){c.lastChild.firstChild.data=c.lastChild.firstChild.data.split('').reverse().join('');fantome.appendChild(c.lastChild)} c.appendChild(fantome); } </script>
Error: c.lastChild.firstChild has no properties

;) Ne marche pas sous firefox. Vient surement de l'enfant '#text'

02/06/2005, 16h11
pmithrandir

juste un indice.. comment je recupere tout le contenu du div dans une chaine de caractere..

j'arrive pas a trouver a l aveuglette quel child il faut que j utilise...
02/06/2005, 16h23
SpaceFrog

heu jt pourquoi un c.firstChild.insertBefore m'insère en deuxième positon ?

Allez, pour le fun et parceque j'avais pas répondu au cahier des charges, une version non optimisée et bien crade qui marche ff ET ie... Je ne revendique pas la paternité de ce truc, ya plein de choses pompées dans les trucs precedents...
Je prefere quand meme garder ma boucle, meme si celle de SF est plus compacte ;)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function R(c){ var lg = c.childNodes.length-1; for ( var i = lg;i >= 0; i-- ) { var par = c.childNodes[i]; c.removeChild(par); c.appendChild(par); try { par.nodeValue=par.nodeValue.split('').reverse().join(''); } catch(e) { txt = par.firstChild; txt.nodeValue=txt.nodeValue.split('').reverse().join(''); } } }
Mais je suis sur que beaucoup de monde va faire infiniment mieux :haha: :haha:

je travaille (encore) à l'aveugle

Code:

1
2
3
4
5
6
7
8
9
 
function R(c){ 
   d = c.childNodes;    
   l=d.length;
   for ( i =0;i< l/2;i++ ) { 
      t = d[i].data; 
      d[i].data = d[l-i-1].data.split('').reverse().join('');
      d[l-i-1].data = t.split('').reverse().join('');      
   }

02/06/2005, 17h08
Calak

Dites, je bosse là, mais pas moyen de réduire + ...

J'ai p-e une solution, mais je ne vois pas comment récupérer le html brut du div "cadre" proprement... :(
02/06/2005, 17h12
pmithrandir

Citation:

Envoyé par Calak

Dites, je bosse là, mais pas moyen de réduire + ...

J'ai p-e une solution, mais je ne vois pas comment récupérer le html brut du div "cadre" proprement... :(

meme question

apres, il suffit de parcourir la chaine de caractere qu on a recupéré a l envers en ajoutant chaque caractere dans un objet string

on a le texte bien fait, et les balises inversée.

donc :
aAfficher.replace("<div class=para>".reverse(),"<div class=para>");
aAfficher.replace("</div>".reverse,"</div>");

(j ai pas la syntaxe de cette fonction, c'est peut etre dans l autre sens.)
02/06/2005, 17h23
javatwister

c'est quand même SF qui a lancé la première méthode vraiment sympa :applo: (il me connaît bien le SF :mrgreen: )

après, on cherche la compatibilité hein..;

mais vous y êtes presque;

je voulais faire ca, mais :
Code:

1 2 3 4 5 6 7 8 function R(c) { var temp = c.innerHTML; var aAfficher = temp.reverse(); aAfficher.replace(">arap=ssalc vid<","<div class=para>"); aAfficher.replace("</div>",">vid/>"); c.innerHTML= aAfficher; }
il veut pas appliquer la methode reverse sur temp, ca doit pas etre une string qui est renvoyer, mais je sais pas forcer le type d'une valeur en javascript.
la methode replace veut des expression reguliere a priori, et pas une chaine a remplacé par une autre... ca doit bien exister quelque par ce genre de truc.

enfin le principe est la.

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
function R(c){
i=0;
while(i<15){c.childNodes[i].firstChild.data=c.childNodes[i].firstChild.data.split('').reverse().join('');i++;}
while(i>=1){c.appendChild(c.childNodes[i-1]);i--;}
}
</script>

mais toujours pas compatible...

BINGO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Code:

1
2
3
4
5
6
7
8
<script type="text/javascript">
function R(c){
i=0;
var vers=document.getElementById('cadre').getElementsByTagName('div')
while(i<15){vers[i].innerHTML=vers[i].innerHTML.split('').reverse().join('');i++;}
while(i>=1){c.appendChild(vers[i-1]);i--;}
}
</script>

02/06/2005, 17h47
javatwister

for IE only...

mais très bon quand même!
02/06/2005, 17h51
SpaceFrog

heu non jt dernière version testée avec firefox !!!
02/06/2005, 17h52
javatwister

ah ben attends, j'ai pas eu le temps de regarder :lol:
02/06/2005, 17h53
fred777888999

Je confirme, malgé l'utilisation du innerHTML ;)
02/06/2005, 17h53
SpaceFrog

il doit y avoir moyen de concatener les deux while en un seul mais j'ai la flemme de calculer la relation sur les i ...
02/06/2005, 18h00
javatwister

bah, il me semblait pourtant avoir dit:

Citation:

2) on va dire qu'on n'a pas le droit d'utiliser des propriétés freelance comme innerHTML

à part ça, génial le code!
02/06/2005, 18h01
SpaceFrog

arg mais data ne passe pas sous ffx ???

bon je regarde ça demain ..;

merci JT ;)
02/06/2005, 18h05
javatwister

en fait, celui qui passe en dessous de 200 caractères (sauf espaces) est très fort 8O
02/06/2005, 18h13
Calak

Sans oublier que ton code SF, n'est pas générique.
Avec un poème contenant + ou - de lignes, cela ne passe plus ;)
02/06/2005, 18h17
fred777888999

Citation:

Envoyé par Calak

Sans oublier que ton code SF, n'est pas générique.
Avec un poème contenant + ou - de lignes, cela ne passe plus ;)

Faux probleme, c'est super simple a corriger dans le source de la grenouille ca...

oui, mais dans l'état actuel de sa source, c'est faux ;)

En parlant de truc faux, voici une piste vers laquelle je m'étais dirigé vers ceci, mais:
1// Ca ne passe que sur firefox ( navigateur demandé )
2// A partir du deuxième passage, ça plante >_< et j'arrive pas ç règler ce bug
Code:

1 2 3 4 5 6 7 8 9 10 function R(c){ var i = 1;var k = ".firstChild.nodeValue.split('').reverse().join('')"; var j = n.length - 2;var n = c.childNodes; while(i <= j){ p = n[i].cloneNode(true);c.replaceChild(n[j],n[i]);c.replaceChild(p,n[j]); if (i!=j)n[i].firstChild.nodeValue = eval('n[i]'+k); n[j].firstChild.nodeValue = eval('n[j]'+k); i+=2;j-=2; } }

Mince, dans la bagarre j'avais pas vu...

Citation:

Envoyé par fred777888999

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
function R(c){ 
   var lg = c.childNodes.length-1; 
   for ( var i = lg;i >= 0;  i-- ) { 
      var par = c.childNodes[i]; 
      c.removeChild(par); 
      c.appendChild(par); 
      try {
         par.nodeValue=par.nodeValue.split('').reverse().join(''); 
      }
      catch(e) {
         txt = par.firstChild;
         txt.nodeValue=txt.nodeValue.split('').reverse().join(''); 
      }
   } 
}

Splendide, oui! 8O

et 277 caractères, en tassant un peu :)

En tout cas, c'est la première solution complète!

C'est clair que faire un algorithme de base plus cours que celui de fred, ça va être dur.
Par contre, je suis sur qu'il y a moyen de tasser bcp plus:
Code:

1 2 3 4 5 6 7 8 function R(c){ var i = c.childNodes.length,f = ".nodeValue.split('').reverse().join('')",p; while (i) { p = c.childNodes[i---1];c.removeChild(p);c.appendChild(p); try{p.nodeValue=eval('p'+f);} catch(e){t=p.firstChild;t.nodeValue=eval('t'+f);} } }
T'arrive pas à moins de 277 là? ;)
( oui je sais, j'ai utilisé de sales magouilles ( eval, i---1, etc )

03/06/2005, 06h53
javatwister

hum... Jusqu'où irez-vous? :P

c'est complètement tordu ton truc :lol:
si ça continue on va finir par inventer de nouveaux opérateurs ^_^

en tout cas, on descend à 225 [en taillant au maximum dans les espaces et points-virgules]

who's next?

ha ben si voilà qui focntionne sous firefox:
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> function R(c){ i=0; var v=document.getElementById('cadre').getElementsByTagName('div') while(i<15){v[i].firstChild.data=v[i].firstChild.data.split('').reverse().join('');i++;} while(i>=1){c.appendChild(v[i-1]);i--;} } </script>
on peut virer quelques points virgules ... mais bon ...

j'arrive à 218 caractères mais je ne sais pas ce que tu comptes JT ...

Voir 40 message(s) de cette discussion en une page

Fuseau horaire GMT +2. Il est actuellement 03h54.