Print_r en javascript
Soyez le premier à donner votre avis sur cette source.
Snippet vu 5 427 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
- Print_r for javascript - Meilleures réponses
- Calculatrice javascript - Guide
- Chronometre javascript - Guide
- Calendrier javascript - Conseils pratiques - Javascript
- Jeux javascript - Guide
- Factorielle javascript - Guide
Commentaire
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.