Print_r en javascript
Soyez le premier à donner votre avis sur cette source.
Snippet vu 5 502 fois - Téléchargée 15 fois
Contenu du snippet
Ce script permet d'afficher toutes les propriétés d'un objet déclaré en javascript (évènement, balise via un getElement...)
Ce code permet de surveiller un évènement, ou un objet à un moment donné.
Bien évidemment, elle peut être améliorée (notamment lorsqu'on essaie de faire un print_r d'un String, la fonction affiche la chaine sous forme de tableau) !
Source / Exemple :
function print_r(obj) {
win_print_r = document.getElementById("print_r");
if (!win_print_r) {
win_print_r = document.createElement("div");
win_print_r.id = "print_r";
win_print_r.style.opacity = "0.7";
win_print_r.style.position = "absolute";
win_print_r.style.background =" none repeat scroll 0% 0% rgb(0, 0, 0)";
win_print_r.style.border = "2px solid rgb(255, 255, 255)";
win_print_r.style.zIndex = "9000";
win_print_r.style.top = "15px";
win_print_r.style.right = "20px";
win_print_r.style.color = "#FFF";
win_print_r.style.maxWidth = "33%";
document.body.appendChild(win_print_r);
}
if(obj !== undefined) {
r_print_r(obj, win_print_r);
} else {
win_print_r.innerHTML="undefined";
}
}
function r_print_r(theObj, win_print_r) {
prop = "<ul>";
/*if(theObj.constructor == Array || theObj.constructor == Object){
}*/
for(var p in theObj){
if(p !== undefined) {
if(p.constructor == Array|| p.constructor == Object){
prop+="<li>["+p+"] =>"+typeof(theObj)+"</li>";
prop+="<ul>";
r_print_r(theObj[p], win_print_r);
prop+="</ul>";
} else {
prop+="<li>["+p+"] =>"+theObj[p]+"</li>";
}
}
}
prop+="</ul>";
win_print_r.innerHTML = prop;
}
//appel de la fonction
var obj = {
attribut: "valeur",
methode: function(parametre1, parametre2) {
alert("parametres: " + parametre1 + ", " + parametre2);
}
}
print_r(obj);
Conclusion :
Ce code permet de surveiller un évènement, ou un objet à un moment donné.
Bien évidemment, elle peut être améliorée (notamment lorsqu'on essaie de faire un print_r d'un String, la fonction affiche la chaine sous forme de tableau) !
A voir également
- Print_r javascript
- Javascript print_r - Meilleures réponses
- Récupérer données json (javascript) - Conseils pratiques - Javascript
- Javascript base de données - Conseils pratiques - Javascript
- Jeux javascript - Guide
- Labyrinthe javascript - Guide
- Poo javascript - Conseils pratiques - Javascript
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.