javascript ke carica immagini e testo

  • Creatore Discussione Creatore Discussione cerbero
  • Data di inizio Data di inizio
cerbero

cerbero

Utente Attivo
9 Gen 2006
198
0
0
salve ragazzi... mi rendo conto di essere stressante :P ..... molto stressante :D

ma ora ke son riuscito a mettere l'altro script me ne servirebbe un altro.

praticamente funzionerebbe cosi: (vi faccio 1 esempio stupido)

Cane Gatto Pesce

Habitat:
descrizione:
Figura:

se si clikka su cane, gatto o pesce vicino ad habitat, descrizione e figura appaiono dei testi o IMG.


tipo se clikko su pesce la pagian verra visualizzata cosi:


Cane Gatto Pesce

Habitat: acqua
descrizione: i pesci non parlano :P
Figura: [immagine di un pesce]



mi sapete aiutare???
 
Beh, se i dati sono tanti ti converrebbe utilizzare un linguaggio lato-server che si appoggi ad un DB, perchè altrimenti diventerebbe un lavoro lungo... ;)

Come sei messo a conoscenze ASP?

Altrimenti, se i nomi come Cane Gatto e Pesce sono pochi si può fare anche con semplice javascript! Fammi sapere! :)

SaLuT!
:byebye:
 
lukeonweb ha scritto:
leggi leggi :)

https://www.mrw.it/fareweb/asp

inizia dalla guida ;)
Clicca per allargare...
Ti consiglio di leggere sul serio Cerbero, non sai cose in più potresti fare con ASP! ;)

Comunque, visto che sono solo 6, ti ho preparato uno script javascript che fa al caso tuo:

------------------------
<html>
<head>
<script>
function cmbdes(animale){
document.getElementById("descriz_animale").innerHTML="";
if (animale=="cane"){document.getElementById("descriz_animale").innerHTML="CANE:<br>Habitat:

casa mia<br>Descrizione: razza beagle<br>Figura:<br><img src='immagine_cane.jpg'>"}
if

(animale=="gatto"){document.getElementById("descriz_animale").innerHTML="GATTO:<br>Habitat:

campagna<br>Descrizione: Persiano<br>Figura:<br><img src='immagine_gatto.jpg'>"}
if

(animale=="pesce"){document.getElementById("descriz_animale").innerHTML="PESCE:<br>Habitat:

laghetto<br>Descrizione: Carpa<br>Figura:<br><img src='immagine_pesce.jpg'>"}
}
</script>
</head>
<body>
<font onClick="cmbdes('cane')">Cane</font> | <font onClick="cmbdes('gatto')">Gatto</font> |

<font onClick="cmbdes('pesce')">Pesce <br><br>
<span id="descriz_animale">Clicca sul nome di un animale!</span>
</body>
</html>
------------------------

Fai un copia/incolla in un file htm e provalo!

Se hai bisogno chiedi pure (anche se prima di stasera non penso di ricollegarmi!), ora scusa ma devo scappare!
:byebye:

Anzi, ancora meglio, scaricati l'allegato che ti ho messo qui sotto, perchè il post ha messo degli "a capo" di troppo e facendo copia incolla lo script ti andrebbe in errore! ;)
 

Allegati

Ultima modifica:
ok grazie ma.... copialo in una pagina htm???? ..... .php va bene? ^^

x luke: se bonanotte nn imparero mai niente ^____^ ....

ps: sei 1 mito pole :P
 
cerbero ha scritto:
ok grazie ma.... copialo in una pagina htm???? ..... .php va bene? ^^

x luke: se bonanotte nn imparero mai niente ^____^ ....

ps: sei 1 mito pole :P
Clicca per allargare...

Va benissimo anche una pagina php, l'importante è che non lo metti tra <? ?>! :D

P.S.= secondo me se ci dai un'occhiatina all'ASP piano piano ti incuriosisci e te la divori! ;)

:byebye:
 
grazie.. sono un po incasinato ma credo di riuscire a farlo funzionare....

1 cosa xo... i link si vedono sotto forma di testo... non sarebbe possibile visualizzare la freccetta anzikè il la sbarretta??
 
cerbero ha scritto:
...1 cosa xo... i link si vedono sotto forma di testo... non sarebbe possibile visualizzare la freccetta anzikè il la sbarretta??
Clicca per allargare...
Certo, basta che aggiungi alle parole da cliccare la parte blu: :)
<font onClick="cmbdes('cane')" style='cursor:default;'>Cane</font>

Ti avviso che però questo codice è compatibile solo per I.E. e N.S.

SaLuT!
:byebye:
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

I
javascript non carica funzione
Risposte
0
Visite
3K
Javascript
isametal88
I
M
variabile javascript su link html
Risposte
5
Visite
2K
Javascript
mizar1966
M
I
Creare un banner temporaneo JavaScript
Risposte
0
Visite
2K
Javascript
IlTizioScriptato
I
S
Impossibile scorrere un oggetto in JavaScript
Risposte
0
Visite
2K
Javascript
steven myth
S
N
Passare array da php a javascript
Risposte
5
Visite
3K
PHP
WmbertSea
WmbertSea
L
Quiz javascript funzionante da migliorare
Risposte
0
Visite
3K
Javascript
Lenigmista
L
P
  • Bloccata
errore 404 con javascript
Risposte
2
Visite
1K
Javascript
Max 1
Max 1
D
  • Bloccata
aiuto funzioni javascript
Risposte
1
Visite
957
Javascript
Max 1
Max 1
M
Upload immagine con javascript problemi con FormData()
Risposte
1
Visite
1K
Javascript
MBlackmore
M
L
  • Bloccata
countdown multiplo javascript
Risposte
1
Visite
1K
Javascript
Max 1
Max 1
S
  • Bloccata
Problemi Javascript + Aruba
Risposte
2
Visite
2K
Javascript
Max 1
Max 1
M
Inviare un file su un server remoto con JavaScript
Risposte
0
Visite
1K
Javascript
Mirawara
M
T
a href="javascript:;"
Risposte
1
Visite
2K
Javascript
sonusood2022
S
F
Creare elementi html con javascript
Risposte
3
Visite
3K
Javascript
McLeanerGla
M
A
pulsante di update campo mysql con javascript
Risposte
2
Visite
1K
Javascript
AndreaCerre
A
8
Javascript - PDF Form
Risposte
0
Visite
2K
Javascript
81bankai
8
B
javascript per problemi con pdf e Safari
Risposte
0
Visite
3K
Javascript
bibliofila
B
N
informazione javascript
Risposte
0
Visite
2K
Programmazione
Nedved95
N
I
Eecuzione di javascript in ciclo foreach php.
Risposte
7
Visite
2K
PHP
inftecnica
I
P
javascript:document.forms
Risposte
7
Visite
2K
Javascript
Max 1
Max 1
Alto Basso