aggiungere un' immagine al documento [era:Nozione basilare di Javascript...]

[Giovanni95]

Salve...
Premetto di non sapere un h di javascript, ma mi voglio cimentare nalla composizione di un breve script per greasemonkey il cui scopo è quello di aggiungere semplicemente un'immagine alla homepage di Google, che cliccata rimanda al sito "hotmail.com"
Qualcuno sarebbe così gentile da dirmi come inserire l'immagine senza la funzione document.write, che copre tutta la pagina?

// ==UserScript==
// @name           Programminooooooo!
// @description    Immagine su google che rimanda a hotmail.com
// @author         Giovanni
// @include        http://www.google.it/
// @version        1.0
// ==/UserScript==

/*Qui dovrei sostituire*/
document.write('<a href="http://www.hotmail.com">')

[Xinod]

vuoi creare un elemento con createElement
e appenderlo ad un altro elemento con appendChild

trovi tutto spiegato qui
http://javascript.html.it/guide/lezi...del-documento/

[Giovanni95]

Uffy... Non mi viene!
Dove sbagio?

// ==UserScript==
// @name           Provaaaaa
// @description    E' una prova!
// @author          Giovanni
// @include         http://www.google.it/
// @version         1.0
// ==/UserScript==

function inserisci_immagine()
{
  if(document.getElementById && document.createElement)
  {
    immagine = document.createElement("IMG")
    immagine.setAttribute("src","http://html.it/guide/img/dom/dom_logo.gif")
    immagine.setAttribute("href","http://hotmail.com")

    
    document.getElementById("par_pre").appendChild(immagine)
  }
}

[Giovanni95]

Up, up, up!!!

[TrueLies]

e che ne sappiamo, tocca vedere il contesto, se esiste par_pre e se invochi la funzione quando quell' oggetto è già caricato in memoria e non prima.

ps
le IMG hanno solo una src, non una href.
Peraltro, funzionerebbe anche dichiarando:
immagine.src='http://html.it/guide/img/dom/dom_logo.gif';

Magari metti var prima di
immagine = document.createElement("IMG")
cioè
var immagine = document.createElement("IMG")
almeno la variabile immagine è locale e non globale

[Giovanni95]

Ok... Graie dell'aiuto!
Alla prossima!

[TrueLies]

qui c'è testo html:
<div id="foo">ciao</div>

e qui sotto lo script...
<script>

function inserisci_immagine()
{
  if(document.getElementById && document.createElement)
  {
    var immagine = document.createElement("IMG")
    immagine.setAttribute("src","http://html.it/guide/img/dom/dom_logo.gif")
        
    document.getElementById("foo").appendChild(immagine)
  }
}

inserisci_immagine();//qui chiami la funzione...
</script>

i tag html non si mettono dentro i tag script come avevi fatto nell' altro thread

[Giovanni95]

Originariamente inviato da TrueLies

qui c'è testo html:
<div id="foo">ciao</div>

e qui sotto lo script...
<script>

function inserisci_immagine()
{
  if(document.getElementById && document.createElement)
  {
    var immagine = document.createElement("IMG")
    immagine.setAttribute("src","http://html.it/guide/img/dom/dom_logo.gif")
        
    document.getElementById("foo").appendChild(immagine)
  }
}

inserisci_immagine();//qui chiami la funzione...
</script>

i tag html non si mettono dentro i tag script come avevi fatto nell' altro thread

Conosco l'html...
Però, in greasemonkey, non funziona!
Dovrei inserire l'html come js...
altrimenti avrei fatto [img]immagine.jpg[/img] semplicemente!

[TrueLies]

Non metto in dubbio che tu conosca l'html, ma stavi mettendo un tag html dentro uno script.

se vuoi appendere qualcosa in un documento devi avere il documento, e quindi la possibilità di avere tag html.
Non puoi appendere una immagine sul nulla.

Ad ogni modo, allora prova sostituendo
document.getElementById("foo").appendChild(immagin e)
con
document.documentElement.appendChild(immagine)

ps ah ovviamente lo script va dentro i tag <script></script>

[Giovanni95]

Ok... Il mio progetto era troppo intraprendente...
Qualcuno mi potrebbe linkare una guida per imparare il js da 0??

Grazie a tutti quelli che hanno provato a far ragionare la mia testa dura!!!