Discussion :

[benjamindu58futur11]

Bonjour,
J'ai un petit problème avec

Code :

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

javascript:document.getElementById('qqch').style.backgroundColor='#ff0000';

ce script me renvoie sur une page blanche avec marqué "#ff0000"
J'aimerais savoir si on pouvait modifier le script, de façon à ce qu'il change la couleur du fond, sans renvoyer sur une page blanche...
Sachant que je rentre ce script dans la barre d'adresse !
Merci de votre attention et à bientôt !

[RomainVALERI]

Sachant que je rentre ce script dans la barre d'adresse !

Pourquoi tu fais ça ?

Dans une console (Firebug ou autre) je veux bien, mais ...la barre d'adresses ?
S'il existe un navigateur qui accepte du code JS dans la barre d'adresses, l'interprete et l'execute dans le contexte de la page.... c'est un scoop pour moi !

[Bovino]

Si Romain, les navigateurs reconnaissent le pseudo-protocole javascript: et sont donc capables d'exécuter du code JavaScript depuis la barre d'adresse, reste bien sûr que l'intérêt est à démontrer et benjamindu58futur11 ne donne pas assez d'éléments pour répondre à sa question...

[benjamindu58futur11]

Le script s'exécute bien, on voit la couleur de fond virer au rouge d'un seul coup pendant une fraction de seconde, puis ça m'affiche une page blanche avec :
#ff0000

C'est tout. Si je rajoute history.back(); à la fin, je peux voir la couleur un peu plus longtemps, avant de retourner à la page de départ...

[RomainVALERI]

Si Romain, les navigateurs reconnaissent le pseudo-protocole javascript: et sont donc capables d'exécuter du code JavaScript depuis la barre d'adresse ...

>>>

.... c'est un scoop pour moi !

[RomainVALERI]

Après quelques tests, j'avoue que c'est... pour le moins chelou

>>> il semble que la valeur renvoyée par le code inséré soit envoyée au moteur de rendu telle quelle pour affichage...

Exemple : en tapant

Code javascript dans la barre d'adresses :

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

javascript:window.location.href

Il affiche en pleine page l'URL de la page courante (qui était la valeur de la propriété href)

C'est la raison pour laquelle il affiche "#ff0000" dans ton exemple, parce qu'une assignation renvoie toujours la valeur assignée.

Code javascript :

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

1
2
3
var a = 5, b = 4;
var b = (a = 2);
// à ce stade, a et b valent 2

>>> Autre chose : ça a beau être empirique, j'ai trouvé un truc ^^ benjamin, essaie d'ajouter en bout de chaine :

Code javascript dans la barre d'adresses :

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

javascript:document.getElementById('qqch').style.backgroundColor='#ff0000';alert("test")

(on dirait en fait qu'il renvoie la valeur de la dernière instruction exécutée... ^^)

[dukej]

Tu fous undefined à la fin et ça règle le problème :

Code :

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

javascript:document.getElementById('qqch').style.backgroundColor='#ff0000';undefined

[JulienC]

Et pour faire plus propre, tu utilises la fonction javascript void() qui sert à ne rien renvoyer.

Pour l'utilisation, dans mon cas personnel, ca m'avait pas mal servi du temps d'IE 6 et antérieur, qui n'avait pas de "vraie" console (seulement des plugins plus ou moins bancals).