come mettere un link ad un bottone?

08-08-2006, 14.31.59

questo è lo script per inserire un bottone:

Codice HTML:

     <HEAD>
<STYLE TYPE="text/css">
         .over {color:yellow; background:navy}
         .down {color:yellow; background:navy; font-style:italic}
      </STYLE>
   </HEAD>

<BODY background="sfondo_demo.gif">   


    

      <INPUT TYPE=BUTTON VALUE="Immagini"
         ONMOUSEOVER="this.className = 'over';" 
         ONMOUSEOUT="this.className = '';" 
         ONMOUSEDOWN="this.className = 'down';" 
         ONMOUSEUP="this.className = 'over';">

la domanda è:
come faccio a far sì ke cliccando su questo bottone si apra un'altra pagina?

[DS] Quando inserisci del codice, usa gli appositi tag, si legge meglio!

**dementialsite** · 08-08-2006, 18.27.56

A dir la verità il codice per inserire il pulsante in sé è molto più semplice, in quello scritto sopra hai inserito anche degli effetti di cambio colore.

Comunque, ecco la tua risposta: o dichiari via JavaScript di voler passare alla nuova pagina, così:

Codice HTML:

<INPUT TYPE="button" VALUE="Cliccami!" onClick="document.location.href='nuova_pagina.htm'">

oppure usi un banale trucchetto che ti consente di far funzionare il pulsante anche quando JavaScript non è disponibile sul browser del tuo visitatore (perché usa dei browser speciali o semplicemente l'ha disabilitato):

Codice HTML:

<FORM ACTION="nuova_pagina.htm">
<INPUT TYPE="submit" VALUE="Cliccami!">
</FORM>

Stammi bene...

08-08-2006, 18.28.42

Basta aggiungere la proprietà onclick al bottone:

Codice HTML:

<input type="button" name="miobottone" value="Clicca qui" onClick="window.location='pagina2.html'">

EDIT: dementialsite è stato più veloce!

08-08-2006, 19.13.13

Grazie molte ad entrambi, ma avrei un altro problema. mentre prima riuscivo a mettere i bottoni in fila su una linea, ora nn più. Cioè, i bottoni ora mi si vedono uno sopra l'altro, anche se il tag <h1 align="center"> è rimasto invariato.
Come posso mettere i bottoni, e nn solo questi, in fila orizzontalmente?

**dementialsite** · 08-08-2006, 19.34.19

Strano... se usi la prima soluzione (chiamata via JS) non dovresti avere problemi... con il FORM invece devi ricorrere a una piccola "forzatura", visto che di solito viene preso come paragrafo e non come elemento di flusso.

In soldoni, dovresti modificare così il codice:

Codice HTML:

<FORM ACTION="nuova_pagina.htm" STYLE="display:inline">
<INPUT TYPE="submit" VALUE="Cliccami!">
</FORM>

Stammi bene...

08-08-2006, 23.05.34

grazie...i bottoni si sono messi a posto...
ma ho lo stesso problema con le immagini:
ho 2 immagini ma nn riesco a metterle sulla stessa linea(ho anke provato con il codice <FORM STYLE="display:inline"> ma nn funziona...o forse sbaglio il posto in cui lo metto.

09-08-2006, 10.47.38

Prova a metterle in un div, form non è il tag adatto:

Codice HTML:

<div style="display: inline">qui vanno le immagini</div>

09-08-2006, 14.17.21

grazie, ancora una volta lo script ha funzionato.
Volevo sapere un'ultima cosa:
ho un immagine grande al centro di una pagina. Ai lati voglio mettere immagine più piccole. Ora sono riuscito a metterne 2, una su un lato ed una sull'altro, grazie al codice scritto da te sopra. C'è un modo x metttere altre immagini sopra queste, e quindi sempre a fianco dell'immagine grande, ma su linee diverse?
Spero di essermi spiegato bene.
Grazie in anticipo!

09-08-2006, 14.52.33

Prova a "chiudere" le immagini che vuoi sovrapporre in un sotto-div all'governo dell'altro:

Codice HTML:

<div style="display: inline">immagini affiancate<div style="display: block">immagine sovrapposta 1<br>immagine sovrapposta 2</div></div>

09-08-2006, 16.49.31

ok, le immagini mi si accavallano... ma solo su una delle 2 colonne:

http://img218.imageshack.us/my.php?i...mmagineiw7.png

questo è come mi viene...
ke devo fare xkè le immagini si accavallino anke sull'altra colonna?
Grazi ancora e scusate x il disturbo.

10-08-2006, 11.51.10

qualcuno mi può rispondere?

10-08-2006, 12.01.35

Calma, non è facendo UP che gli altri ti rispondono, se qualcuno sa aiutarti ti risponderà.

10-08-2006, 12.32.04

Scusate...
Mi manca solo questo piccolo particolare per finire l'home page, e non riesco proprio ad allineare le immagini.
Attenderò con calma che qualcuno mi risponda.
Scusate ancora!

10-08-2006, 12.49.06

Al posto di usare i div potresti usare le tabelle, sarebbero meglio i div, ma le tabelle ti semplificano molto la vita!
Qui puoi trovare una veloce guida alle tabelle:
http://basic.html.it/guide/lezione/1...ttura-di-base/

10-08-2006, 23.12.07

grazie!
Sono riuscito a riordinare bene la home page.
un'ultima cosa: c'è uno script per far stare sulla stessa linea due tabelle?

11-08-2006, 08.57.05

Beh, leggendo indietro potresti chiudere le due tabelle in un div così:

Codice HTML:

<div style="display: inline">qui vanno le tabelle</div>

Discussione: come mettere un link ad un bottone?

LinkBack

Strumenti discussione

Display

come mettere un link ad un bottone?

Regole di scrittura