Problema cambio sfondo <table> da una <select>

**Flugger** · 04-04-2008, 19:22

Salve, ho problema molto piccolo ma come si sa i piccoli problemi di programmazione non si vedono mai. ;-). Ecco il codice (ho eliminato molte righe per arrivare all'essenziale), qualcuno riuscirebbe a dirmi dove sbaglio? Il risultato è che non cambia lo sfondo della tabella.
Premetto che ho già cercato molti siti (anche w3schools) ma niente...grazie

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<% @LANGUAGE="JScript" %>

<html>

    <head>

        <meta http-equiv="Content-type" content="text/html;charset=UTF-8">

    </head>

<body>

    <%

    var i;

    Response.write("<form name='Form' method='post' action='sendCookie.asp'>");

        Response.write("<table id='tableColor'>");

            for(i=0;i<2;i++)

                Response.write("<tr><td><input type='text' name='name"+i+"' value=''></td></tr>");

            Response.write("<select name='deafultColor'");

            Response.write("onchange='document.getElementById('tableColor').bgcolor=value'>");

                Response.write("<option value='red'>red</option>");

                Response.write("<option value='white' selected='selected'>white</option>");

                Response.write("<option value='blue'>blue</option>");

            Response.write("</select>");

        Response.write("</table>");

    %>

</body>

</html>

**Domenix** · 04-04-2008, 20:16

codice:

<%
color = request.queryString("color")
if len(color) = 0 then color = "white"
%>
<table bgcolor="<%=color%>">
  <tr>
    <td>
      <form>
        <select name="color" onchange="document.location.href='?color='+this.value;">
          <option value="white"<% if color = "white" then %> selected="selected"<% end if %>>WHITE</option>
          <option value="green"<% if color = "green" then %> selected="selected"<% end if %>>GREEN</option>
          <option value="yellow"<% if color = "yellow" then %> selected="selected"<% end if %>>YELLOW</option>
        </select>
      </form>
    </td>
  <tr>
</table>

**Atari** · 04-04-2008, 21:33

Dovresti usare :

codice:

document.getElementById('tableColor').style.backgroundColor = options[selectedIndex].value;

.

Inoltre, occhio, la select è dentro la tabella ma fuori dalle celle.

Ciau!
- Dean

**Flugger** · 05-04-2008, 02:06

-Per domenix:
Ho provato la tua soluzione ma non funziona tra l'altro credo tu abbia usato VBscript. Non ho specificato l'utilizzo del Javascript ma cmq la soluzione che hai postato l'ho trovata originale grazie.

-Per Atari:
Grazie per la questione della select cmq ho provato anche la tua soluzione...non capisco solo come usare quel...options[selectedIndex].value;
nel senso che ho provato in tutti modi ma...nothing (ho studiato cmq il style.background su w3schools).
Ho provato con:
Response.write("onchange='document.getElementById( 'tableColor').style.backgroundColor =document.Form.defalultColor.value'>");

Nuovo codice modificato:

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<% @LANGUAGE="JScript" %>

<html>

    <head>

        <meta http-equiv="Content-type" content="text/html;charset=UTF-8">

    </head>

<body>

    <%

    var i;

    Response.write("<form name='Form' method='post' action='sendCookie.asp'>");

        Response.write("<table id='tableColor'>");

            for(i=0;i<2;i++)

            {

                Response.write("<tr><td><input type='text' name='name"+i+"' value=''></td></tr>");

            }

            Response.write("<tr><td><select name='deafultColor'");

            var orange="red";        Response.write("onchange='document.getElementById('tableColor').style.backgroundColor =document.Form.defalultColor.value'>");

                Response.write("<option value='red'>red</option>");

                Response.write("<option value='white' selected='selected'>white</option>");

                Response.write("<option value='blue'>blue</option>");

            Response.write("</select></td></tr>");

        Response.write("</table>");

    %>

</body>

</html>

**Atari** · 06-04-2008, 23:04

si sovrappongono gli apici del javascript con quelli dell'attributo html :

codice:

onchange=""document.getElementById('tableColor').style.backgroundColor =  options[selectedIndex].value""

Ciau!
- Dean

**Flugger** · 07-04-2008, 02:07

Scusa Atari, mi son spiegato male

, intendevo come si usa quel options[selectedIndex].value

Nel mio caso dovrei scrivere deafultColor["qualcosa"].value?

Grazie

**Atari** · 08-04-2008, 08:36

non ti piace così come è?
Riferimento: http://www.aptana.com/reference/html/api/Select.html

Ciau!
- Dean

**Flugger** · 08-04-2008, 11:46

Ok perfetto, eheh ora ho capito

cmq adesso cercherò di usare queste info ed altre per correggere il mio errore, posterò la soluzione funzionante.

Grazie a tutti!

Discussione: Problema cambio sfondo <table> da una <select>

Strumenti discussione

Ricerca discussione

Visualizza

Problema cambio sfondo <table> da una <select>

Permessi di invio