[DOM] ajouter un attribut à la balise <BODY>

**GoldenEyes** · 19/06/2008, 10h47

salut ,
je veux ajouter l'attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onload="load();"

à la balise <BODY>
dans un script mais ca marche plus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
function ajouter (){
var body =document.getElementsByName('body');
var attr_name = document.createAttribute("onload");
	attr_name.nodeValue = "load()";
	body.setAttributeNode(attr_name);
}
</script>

vous pouvez m'aider, je suis débutante en javascript et j'ai besoin de ce script pour mon application C++ ?

merci pour tout aide ,

**Auteur** · 19/06/2008, 11h03

bonjour,

tu ne peux pas le faire de cette manière. Voilà comment procéder :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function coucou()
{
    alert("coucou");
}
 
window.onload =  function(){coucou()} //appel de la fonction coucou() lors du chargement de la page

**GoldenEyes** · 19/06/2008, 11h30

Envoyé par Auteur

bonjour,

tu ne peux pas le faire de cette manière. Voilà comment procéder :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function coucou()
{
    alert("coucou");
}
 
window.onload =  function(){coucou()} //appel de la fonction coucou() lors du chargement de la page

salut , merci pour la reponse ,
j'ai fait un script qui alerte "un changement ce passe" lorsqu'on clique sur un button où submit et
j'ai fait l'appeler dans <body onload="load();">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 <html>
 <head>
   <title>Exemple de DOM Event</title> 
   <script type="text/javascript">
 
   function modifieTexte() {     
                alert("un changement ce passe : "); 
                           }
 
   function load() { 
     var el = document.getElementById("coordonnees"); 
     el.addEventListener("submit", modifieTexte, false); 
     el.addEventListener("click", modifieTexte, false); 
                     }
 
   </script> 
</head> 
 <body onload="load();">

mon application C++ charge les page web puis il injecte et evalue les scripte sur ces pages .
mon but est injecté ce script dans la page est c'est faite ,
mais pour l'executer il faut que j'ajoute a la balise <body> l'apelle de ce script c'est pour cela je veux ajouter
onload="load();" a la balise <body> dans un script et injecter ensuite ce script dans ma page charger ?
vous pouvez m'aider ?
merci pour tout aide ,

**GoldenEyes** · 22/06/2008, 11h22

salut ,
j'ai réglé mon probleme pour la balise <body> ,
j'ai fait maintenant ce script qui fait l'extarctions des liens "href" d'une balise <a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var baliseLien = document.getElementsByTagName("a") ; 
for (var i = 0; i < baliseLien.length; i++)
{ 
   var href=baliseLien[i].href;
   alert("Href de cet élément est : " + href + "\n"); 
}

mais comment je peux modifier ce script pour extraire que les href de type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="javascript:onClick ....>

?
vous pouvez m'aider ,
merci pour tout aide ,

**Auteur** · 22/06/2008, 11h38

bonjour,

utilise une expression régulière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 var baliseLien = document.getElementsByTagName("a") ; 
 var i;
 var r = /(javascript:(.+))/gi;
 
  for (i = 0; i < baliseLien.length; i++)
  { 
    if (r.test(baliseLien[i].href))
    {
      alert("Href de cet élément est : " + baliseLien[i].href + "\n"); 
      r.test(""); //ré-initialisation de la méthode test()
    }  
  }

**GoldenEyes** · 22/06/2008, 13h26

Envoyé par Auteur

bonjour,

utilise une expression régulière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 var baliseLien = document.getElementsByTagName("a") ; 
 var i;
 var r = /(javascript:(.+))/gi;
 
  for (i = 0; i < baliseLien.length; i++)
  { 
    if (r.test(baliseLien[i].href))
    {
      alert("Href de cet élément est : " + baliseLien[i].href + "\n"); 
      r.test(""); //ré-initialisation de la méthode test()
    }  
  }

merci pour la reponse , elle m'a vraiment aider ,
j'ai rajouter a ce script des instructions qui me permettent d'extraire que les nom des fonctions et leurs paramétres :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 var baliseLien = document.getElementsByTagName("a") ; 
var i;
var j;
var nom_fct;
var debut;
 var r = /(javascript:onClick(.+))/gi; 
  for (i = 0; i < baliseLien.length; i++)
  { 
    if (r.test(baliseLien[i].href))
    {   
      r.test(""); //ré-initialisation de la méthode test()
     j=0;
     while ( baliseLien[i].href[j]!= '=') { j++;   }
    debut = j+1;
    nom_fct="";
    while ( debut < baliseLien[i].href.length)
         {
          nom_fct=nom_fct+baliseLien[i].href[debut];
           debut++;
          }
        //alert("nom fct est   : " + nom_fct + "\n");       
          linkCssOutput.setLink(nom_fct);
    }  
  }

puis j'ai recuperé ces fonctions dans un tableau dans mon application C++ et j'ai fait l'executer (simulation de clique) mais d'aprés un article que j'ai trouvé sur la toile et intitulé " gestion des événements dans le DOM":

Je souhaite savoir s'il y a moyen de rajouter un "listener" dans l'arbre d'DOM et de simuler virtuellement des cliques de souris sur les liens de type <a href="javascript:onclick"> que je vient de les récupérer ?

merci pour tout aide ,

**GoldenEyes** · 22/06/2008, 15h57

salut
j'ai utilisé "addEventListener" pour executer les fonctions script qui ont appelé par <a href=javascript:onclick > sans passer par
mon application C++ voila mon script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
var baliseLien = document.getElementsByTagName("a") ; 
 var i;
 var j;
 var nom_fct;
 var debut;
 var r = /(javascript:onClick(.+))/gi;
  for (i = 0; i < baliseLien.length; i++)
  { 
    if (r.test(baliseLien[i].href))
    {
      r.test(""); //ré-initialisation de la méthode test()
      j=0; //recuperer les noms de fonctions 
      while ( baliseLien[i].href[j]!= '=') { j++;   }
     debut = j+1;
     nom_fct="";
      while ( debut < baliseLien[i].href.length)
                {
                      nom_fct=nom_fct+baliseLien[i].href[debut];
                      debut++;
                }
       alert("Href string  : " + nom_fct + "\n");       
       linkCssOutput.setLink(nom_fct);
////executer les fonctions 
       if (window.addEventListener) {
         window.addEventListener("load",somme(), false);
      } else if (document.addEventListener) {
         document.addEventListener("load",somme(), false);
      } else if (window.attachEvent) {
         window.attachEvent("onload", somme());
      }
 
    }  //fin if 
  }// fin for

dans mon code html j'ai deux fonctions (somme() et produit())
mais j'ai le probleme suivant si j'appele la fonction directement par son nom comme cet exemple c'est somme() ca marche bien ,
mais si je met "nom_fct" (nom_fct c'est le variable qui a comme valeur le nom de fonction de type onclick) ca marche plus ??
vous pouvez m'aider ?
merci d'avance pour tout aide ,

**Bovino** · 22/06/2008, 16h16

element.addEventListener(type, listener, useCapture);
listener
l'objet qui recevra une notification lorsqu'un évènement du type spécifié se produit. Il doit s'agir d'un objet implémentant l'interface EventListener interface, ou simplement une fonction JavaScript.

Source

Une variable n'est donc pas possible ici.
Par contre, tu peux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.addEventListener("load",choixFonction(variable), false);

Puis dans cette fonction, tu fais tes traitements en fonction de l'argument...

**GoldenEyes** · 22/06/2008, 17h07

Envoyé par Bovino

Source

Une variable n'est donc pas possible ici.
Par contre, tu peux faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.addEventListener("load",choixFonction(variable), false);

Puis dans cette fonction, tu fais tes traitements en fonction de l'argument...

merci pour la reponse ,
j'ai pas bien compri comment faire le traitement en fonction de l'argument ?, vous pouvez m'expliquer ,
j'ai fait ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  window.addEventListener("load",choixfonction(nom_fct) , false);

le variable "nom_fct" est le nom de la fonction javascript que je veux l'exeuter
comment je vais faire pour l'executer ? merci d'avance pour tout aide ?

**Bovino** · 22/06/2008, 17h20

Ben c'est pourtant simple (mais peut-être pas suffisamment expliqué :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function choixFonction(variable){
     variable=='somme'?somme():produit();
}

Pour info (ou rappel), la forme condition?traitementVrai:traitementFaux est une simplification du if(condition){traitementVrai}else{traitementFaux}.

EDIT

Pour ceux qui me demanderaient pourquoi ne pas conseiller de mettre directement dans le javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var somme = new function;
var produit = new function;

et du coup ne rien changer au reste du code... je dirais :
Avez-vous bien lu ma signature ?

**GoldenEyes** · 22/06/2008, 17h49

Envoyé par Bovino

Ben c'est pourtant simple (mais peut-être pas suffisamment expliqué :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function choixFonction(variable){
     variable=='somme'?somme():produit();
}

Pour info (ou rappel), la forme condition?traitementVrai:traitementFaux est une simplification du if(condition){traitementVrai}else{traitementFaux}.

EDIT

Pour ceux qui me demanderaient pourquoi ne pas conseiller de mettre directement dans le javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var somme = new function;
var produit = new function;

et du coup ne rien changer au reste du code... je dirais :
Avez-vous bien lu ma signature ?

merci pour la reponse ,
j'ai bien compri maintenant ,
mais pour somme () et produit() sont juste des exemples d'applications , on realité je vais charger une page web par exemple "www.tf1.fr" (dont je connait pas les fonctions javascript a l'interieure mais je l'ai recuperer dans le variable nom_fct) avec mon application (QT4/C++ et webkit )puis injecter le script a cette page ce script va extraire les fonctions javascript et voir leurs resultats de sorties a l'aide de " addEventListener("load",nom_fct, false);" dans ce cas générale je ne connais pas les noms de fonctions de la page web pour faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function choixFonction(variable){
     variable=='somme'?somme():produit();
}

et n'accepte pas "nom_fct" comme paramettre par ce que c'est un variable !
alors comment je doit faire ?
existe t'il une autre maniére pour executer les fonction javascript ? ou d'autre methodes qui permet ceci ?

merci pour tout aide ,

**GoldenEyes** · 23/06/2008, 15h04

salut ,
pour executer les fonctions javascript j'ai fait ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 if (window.addEventListener) {
         window.addEventListener("load",nom_fct, false);
      } else if (document.addEventListener) {
         document.addEventListener("load",nom_fct, false);
      } else if (window.attachEvent) {
         window.attachEvent("onload",nom_fct );
      }

mais comme nom_fct est un variable j'ai changé ce code comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var f="window.addEventListener(\"load\", +nom_fct+, false);";
var ff="window.attachEvent(\"onload\",+nom_fct+);";
alert("f ========= : " + f + "\n"); 
  if (window.addEventListener) {
         eval(f);
      } else if (document.addEventListener) {
         eval(f);
      } else if (window.attachEvent) {
         eval(ff);
      }

comment je paurais remplacer "nom_fct" par ca valeur ?
le alert m'affiche "window.addEventListener(\"load\", +nom_fct+, false);"
sans remplacer nom_fct par ça valeur ? vous pouvez m'aider ,
c'est l'équivalant de printf avec de code C :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
char * num_funt = "somme";
printf ("window.addEventListener(\"load\", %s (), false);", num_funt);

merci d'avance pour tout aide ,

**SpaceFrog** · 23/06/2008, 15h12

Sinon une erreur s'est glissée dans ton premier code ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var body =document.getElementsByTagName('body')[0];

**Bovino** · 23/06/2008, 15h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var f='window.addEventListener(\"load\",' +nom_fct+', false);';

**SpaceFrog** · 23/06/2008, 15h17

les fonctions sur le onload ont été traitées dans les contributions ...
En particulier avec une fonction de gestion des fonctions à lancer sur le onload ..

**GoldenEyes** · 23/06/2008, 15h19

Envoyé par Bovino

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var f='window.addEventListener(\"load\",' +nom_fct+', false);';

salut , merci beaucoup pour la reponse ,
elle m'a vraiment aider

,

merci,,

**GoldenEyes** · 24/06/2008, 11h27

salut ,
j'ai arrivé à faire un script qui fait l'exraction des fonctions appeler par la structure javascript:onclick=..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 var baliseLien = document.getElementsByTagName("a") ; 
 var i;
 var j;
 var nom_fct;
 var debut;
 var r = /(javascript:onClick(.+))/gi;
  for (i = 0; i < baliseLien.length; i++)
  { 
    if (r.test(baliseLien[i].href))
    {
      r.test(""); //ré-initialisation de la méthode test()
// recuperer le nom de la fonction apres onclick=  dans le variable nom_fct
      j=0; 
      while ( baliseLien[i].href[j]!= '=') { j++;   }
     debut = j+1;
     nom_fct="";
      while (( debut < baliseLien[i].href.length)&& (baliseLien[i].href[debut]!= ';'))
                {
                      nom_fct=nom_fct+baliseLien[i].href[debut];
                      debut++;
                }
.....

puis voir leurs resultats de sorties , on utilisant addEventListener

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var f='window.addEventListener(\"load\",' +nom_fct+', false);';
var ff='window.attachEvent(\"onload\",'+nom_fct+');';
  if (window.addEventListener) {
         eval(f);
      } else if (document.addEventListener) {
         eval(f);
      } else if (window.attachEvent) {
         eval(ff);
      }
 
    }  
  }

pour les fonction sans paramettre je voie bien les resultats de sorties mais pour les fonctions avec paramettre je n'est pas encore des idées
pour l'executer et voir ce qu'il passe à l'interieure , vous pouvez m'aider par des points ou des idées pour le faire ??
merci d'avance pour tout aide ,

**GoldenEyes** · 24/06/2008, 14h24

salut ,
je veux recuperer tous les attributs onclick de la balises <a>
par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="http://www.lemonde.fr/" onClick="xt_clic('N','Actualites')">

pour cela j'ai fait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var anchorList = document.getElementsByTagName("a") ;
  for (var i = 0; i < anchorList.length ; i++)
                  {
              alert (anchorList[i].onClick); 
 
               }

mais il m'affiche que les attributs de href ? vous pouvez m'aider ?
merci d'avance pour tout aide ,

**GoldenEyes** · 24/06/2008, 14h49

salut
j'ai réglé le probleme de onclick mais comment je pourais la mettre dans une condition ? c'est a dire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 
if (onclick existe dans <a>)
alert (anchorList[i].onclick);

merci d'avance pour tout aide ,

**SpaceFrog** · 24/06/2008, 14h53

essaye en testant le lenght ?? ou avec instanceOf Function ?

[DOM] ajouter un attribut à la balise <BODY>

JavaScript

Discussions similaires

Partager

Partager