DOMANDA Inclusione immagini in javascript

M

Mattia Campagna

Ospite
Codice:
<div id="menu">
<script type="text/javaScript">
<!--
var prova = "<img src="immagini/home.jpg" alt="home">";
document.write(prova);
-->
</script>
</div>

In javascript è lecito fare questo?
Perchè non riesco ad includere questa immagine nel mio script?
 

crisis

Utente Attivo
287
14
non è proprio un metodo correttissimo, farei piuttosto una cosa del genere
Codice:
<div id="menu">
<img src="immagini/home.jpg" alt="home" id="immagine">
<script type="text/javascript"> document.getElementById("immagine").src= nomeImmagine.ext </script> 
</div>

comunque se inserisci tutto in una funzione oppure quantomeno nell' evento onload il codice è più lineare.
 
M

Mattia Campagna

Ospite
:oogle:

Ho fatto 3 ore di javascript a lezione, ancora non sono in grado di padroneggiare il codice come hai fatto te.
Io ho un menù in alto e non conoscendo ancora il php volevo includerlo con "document.write".
Però non riesco perchè mi da errori vari.

Nel div del menù volevo includere una pagina esterna in js così da poterla includere in tutte le pagine e poterla quindi modificare una volta sola per tutte le pagine.

- - - Updated - - -

Questa è la pagina html ed il menù e li dentro, vorrei poterlo includere con la funzione document.write all'esterno.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>
<head>
<title>Mattia Campagna</title>
<link rel="stylesheet" href="stile/screen.css" type="text/css" media="screen">
</head>
<body>
<div id="tab">
<div id="testa">
<div id="menu">
<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>
<img id="chisono" src="immagini/chisono.jpg" alt="Chi Sono"> <a href="chisono.htm">Chi Sono</a>
<img id="registrati" src="immagini/registrati.jpg" alt="Registrati"> <a href="registrati.htm">Registrati</a>
<img id="aiuto" src="immagini/aiuto.jpg" alt="Aiuto"> <a href="aiuto.htm">Aiuto</a>
<img id="login" src="immagini/login.jpg" alt="Login"> <a href="login.htm">Login</a>
<img id="contatti" src="immagini/contatti.jpg" alt="Contatti"> <a href="contatti.htm">Contatti</a>
</div>
</div>
<div id="corpo">
<div id="sinistra">
<p>Hardware</p>
<a href="index.htm">Pc Modding</a>
<a href="chisono.htm">Il mio pc</a>
<a href="registrati.htm">Prova</a>
<a href="aiuto.htm">Prova</a>
<p>Giochi</p>
<a href="index.htm">Recensioni</a>
<a href="chisono.htm">Trucchi</a>
<a href="registrati.htm">I Miei Giochi</a>
</div>
<div id="centro">HOME</div>
<div id="destra"></div>
</div>
<div id="piede"></div>
</div>
</body>
</html>

- - - Updated - - -

E se sapete un modo per postare il codice ben indentato ditemelo che qui sfido a capirci qualcosa :cry:
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
Usare document.write per inserire un immagine funge, ma ti cancella tutto.
Ci sono varie soluzioni:
1)
Codice:
var img=new Image();
img.src="indirizzo";
//altre proprietà...
document.body.appendChild(img);
2)
Codice:
var img=document.createElement("img");
img.src="tuo indirizzo";
document.body.appendChild(img);
 
M

Mattia Campagna

Ospite
Usare document.write per inserire un immagine funge, ma ti cancella tutto.
Ci sono varie soluzioni:
1)
Codice:
var img=new Image();
img.src="indirizzo";
//altre proprietà...
document.body.appendChild(img);
2)
Codice:
var img=document.createElement("img");
img.src="tuo indirizzo";
document.body.appendChild(img);

Che significa che mi cancella tutto?
Io devo far apparire nel div tutto il menu:

<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>
<img id="chisono" src="immagini/chisono.jpg" alt="Chi Sono"> <a href="chisono.htm">Chi Sono</a>
<img id="registrati" src="immagini/registrati.jpg" alt="Registrati"> <a href="registrati.htm">Registrati</a>
<img id="aiuto" src="immagini/aiuto.jpg" alt="Aiuto"> <a href="aiuto.htm">Aiuto</a>
<img id="login" src="immagini/login.jpg" alt="Login"> <a href="login.htm">Login</a>
<img id="contatti" src="immagini/contatti.jpg" alt="Contatti"> <a href="contatti.htm">Contatti</a>

Non solo un'immagine.

- - - Updated - - -

document.write("<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>");

Pensavo di fare così ma evidentemente non lo posso fare :oogle:
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
In ogni div va un'immagine? Cosa devi fare esattamente?
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
Ma che tu mi dici questo, io cosa posso capire?
Cioè, tu crei un div che fa da contenitore del codice che hai postato?
 
M

Mattia Campagna

Ospite
Allora riprovo, vediamo se riesco a spiegarmi :blush:

Questa è la mia pagina HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>
<head>
<title>Mattia Campagna</title>
<link rel="stylesheet" href="stile/screen.css" type="text/css" media="screen">
</head>
<body>
<div id="tab">
<div id="testa">
<div id="menu">
<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>
<img id="chisono" src="immagini/chisono.jpg" alt="Chi Sono"> <a href="chisono.htm">Chi Sono</a>
<img id="registrati" src="immagini/registrati.jpg" alt="Registrati"> <a href="registrati.htm">Registrati</a>
<img id="aiuto" src="immagini/aiuto.jpg" alt="Aiuto"> <a href="aiuto.htm">Aiuto</a>
<img id="login" src="immagini/login.jpg" alt="Login"> <a href="login.htm">Login</a>
<img id="contatti" src="immagini/contatti.jpg" alt="Contatti"> <a href="contatti.htm">Contatti</a>
</div>
</div>
<div id="corpo">
<div id="sinistra">
<p>Hardware</p>
<a href="index.htm">Pc Modding</a>
<a href="chisono.htm">Il mio pc</a>
<a href="registrati.htm">Prova</a>
<a href="aiuto.htm">Prova</a>
<p>Giochi</p>
<a href="index.htm">Recensioni</a>
<a href="chisono.htm">Trucchi</a>
<a href="registrati.htm">I Miei Giochi</a>
</div>
<div id="centro">HOME</div>
<div id="destra"></div>
</div>
<div id="piede"></div>
</div>
</body>
</html>

Questo è il menù che vorrei estrapolare dalla pagina HTML includendolo col java:

<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a> <img id="chisono" src="immagini/chisono.jpg" alt="Chi Sono"> <a href="chisono.htm">Chi Sono</a>
<img id="registrati" src="immagini/registrati.jpg" alt="Registrati"> <a href="registrati.htm">Registrati</a>
<img id="aiuto" src="immagini/aiuto.jpg" alt="Aiuto"> <a href="aiuto.htm">Aiuto</a>
<img id="login" src="immagini/login.jpg" alt="Login"> <a href="login.htm">Login</a>
<img id="contatti" src="immagini/contatti.jpg" alt="Contatti"> <a href="contatti.htm">Contatti</a>


In questo modo inserendo il menù in un file esterno posso richiamarlo col java in ogni pagina.
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
Java e JavaScript sono due linguaggi differenti.
Fammi capire bene: tu vuoi inserire questo codice con Js?
Codice:
[COLOR=#333333]<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>                                                            <img id="chisono" src="immagini/chisono.jpg" alt="Chi Sono"> <a href="chisono.htm">Chi Sono</a>[/COLOR]
                                                            <img id="registrati" src="immagini/registrati.jpg" alt="Registrati"> <a href="registrati.htm">Registrati</a>                                                            <img id="aiuto" src="immagini/aiuto.jpg" alt="Aiuto"> <a href="aiuto.htm">Aiuto</a>                                                            <img id="login" src="immagini/login.jpg" alt="Login"> <a href="login.htm">Login</a>                                                            <img id="contatti" src="immagini/contatti.jpg" alt="Contatti"> <a href="contatti.htm">Contatti</a>
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
Dove intendi inserirlo? Perché hai la necessità di inserire quel codice più volte? Qual'è l'idea?
Non te lo chiedo per farmi i fatti tuoi, ma per sviluppare codice migliore.
Comunque ti consiglio di usare i frame.
Potresti anche farlo in js, ma il procedimento è più lungo. Io creerei un array di stringhe, dove ognuna di queste è un'immagine del un menù.
Poi lo scorrerei con un for, e appenderei ogni elemento in un div contenitore.
 
M

Mattia Campagna

Ospite
Quello che vorrei inserire è un menù, quello in alto per intenderci...
... devo inserirlo più volte perchè deve essere presente in ogni pagina.

Ma nello scrivere questo, cosa c'è di sbagliato?
document.write("<img id="home" src="immagini/home.jpg" alt="Home"> <a href="index.htm">Home</a>");

Perché non avendo ancora molte nozioni di js pensavo di includere tutte le voci del menù così :blush:
 

signore del tempo

Utente Èlite
3,228
491
CPU
Intel Core i5 4670K
Scheda Madre
Asus Z87-Plus
HDD
WD Caviar Green 500GB
RAM
G.Skill Ares 2x4GB 1600MHz
GPU
Sapphire 7850 1GB @ 1050MHz
Audio
Integrata
Monitor
Acer V193w
PSU
XFX ProSeries 550W Core Edition
Case
CM HAF 912 plus
OS
ArchLinux + KDE - Windows 10
Se è per un progetto scolastico ed usi nozioni non ancora trattate, si vede subito.
Io ti consiglio di usare i frame, o se sono poche pagine, il classico copia ed incolla.
Poi magari se il menù deve cambiare (e quindi essere dinamico) usi js.
Non puoi usare document.write, perché cancelleresti tutta la pagina (se non mi credi prova pure).
Se vuoi provare, una cosa del genere dovrebbe bastare:
Codice:
this.onclick=function()
{
 document.write("Hai visto?");
};
che si attiva quando clicchi sulla pagina.
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili