Avatar billede dudesicko Novice
30. august 2003 - 19:54 Der er 8 kommentarer og
1 løsning

Radio med billede, hvor value sendes tilbage på siden igen.

Jeg er i gang med at lave et puslespil (modificere et jeg har fundet)
Og der vil jeg have mulighed for at brugeren, kan vælge antal brikker de vil bruge.

I dette eksempel er der en pulldown, samt grafisk version af radio, men radio sender en value som er option1 option2, 3, 4 men dette vil jeg gerne have lavet om, så den sender samme value som pulldown menuen, men det har jeg dog indtil nu ikke kunde :/

Håber der er en der kan hjælpe mig her :)


<html>
<head>
<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Evaldo Nunes (woodstock@globo.com)  -->

<!-- Begin
function Check(x,y) {
for(i=1;i<=4;i++) {
z = "option" + i ;
document.all[z].src = "off.gif" ;
}
document.all[x].src = "on.gif"
document.all.action.value = x
}
//  End -->
</script>
<link rel="stylesheet" type="text/css" href="../../style-red.css">
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<form NAME="myForm" method="get" action="pussle2.asp">
  <p>&nbsp;</p>
  <div align="center">
    <center>
      <table border="0" cellpadding="2" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111">
        <tr>
          <td valign="top"> <select size="5" name="brikker" style="width: 110px">
              <option value="<% = Request.QueryString("brikker") %>">Antal brikker
              <% = Request.QueryString("brikker") %>
              </option>
              <option value="9">9 brikker</option>
              <option value="24">24 brikker</option>
              <option value="48">48 brikker</option>
              <option value="160">160 brikker</option>
            </select></td>
          <td valign="top"> <input type=text name=action value="option1" size="20">
            <p><font face="Tahoma" size="1">
              <img border="0" src="on.gif" name=option1 onclick=Check(this.name,"")>9<br>
              <img border="0" src="off.gif" name=option2 onclick=Check(this.name,"")>24<br>
              <img border="0" src="off.gif" name=option3 onclick=Check(this.name,"")>48<br>
              <img border="0" src="off.gif" name=option4 onclick=Check(this.name,"")>160
            </Font></p></tr>
        <tr>
          <td valign="top" colspan="2" align="center"> <input type="submit" value="Send"></td>
      </table>
    </center>
  </div>
</form>
</body>
</html>
Avatar billede grunken Nybegynder
30. august 2003 - 20:10 #1
hvad er det lige du mener ?

kan du ikke bare ændre dit imagename

<img border="0" src="on.gif" name="9" onclick=Check(this.name,"")>9<br>

o.s.v.

og då burde v nok lige omskrive din function lidt, den har et problem med mozilla og netscape browsere ;)
Avatar billede dudesicko Novice
30. august 2003 - 20:28 #2
Problemet er ikke navnet på billederne, men derimod inde i puslespillets  class filer, den forstår kun tallene, 9, 24, 48, 160 hvilket er antal af brikker der skal bruges.

Og lave om på name virker ikke :/

name=option1 skal egentlig være name=9, men laver jeg om på det virker det ikke :/

Det jeg vil bruge billeder til, er fordi børn ikke forstår tal, derimod, ser de små brikker og så større forstår de sikkert hvad man mener, så det er nærmere at illustrere det for børn.

Jeg har kun Internet explorer at kigge efter, så alt det mozilla og netscape kan jeg ikke kigge efter :D
IE spiser det hele råt :D
Avatar billede dudesicko Novice
30. august 2003 - 20:30 #3
pussle2.asp?action=option3
Dette er så hvad jeg får i url baren, hvilket egentlig skulle være pussle2.asp?action=9 eller 24. ...

Sorry men ved ikke lige hvordan jeg skal forklare det :D
Avatar billede grunken Nybegynder
30. august 2003 - 21:04 #4
kan du ikke gøre sådan så ?

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function Check(b) {
elm = document.getElementById('brik').options
img = document.images

for (i=0;i<elm.length;i++){
if(elm[i].value==b)elm[i].selected=true;
}
for (j=0;j<img.length;j++){
if(img[j].name==b)
  img[j].src="on.gif";
else
  img[j].src="off.gif";
}
}
</script>
<link rel="stylesheet" type="text/css" href="../../style-red.css">
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<form NAME="myForm" method="get" action="fil.html">
  <p>&nbsp;</p>
  <div align="center">
    <center>
      <table border="0" cellpadding="2" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111">
        <tr>
          <td valign="top"> <select size="5" name="action" ID="brik" style="width: 110px">
              <option value="<% = Request.QueryString("brikker") %>">Antal brikker
              <% = Request.QueryString("brikker") %>
              </option>
              <option value="9">9 brikker</option>
              <option value="24">24 brikker</option>
              <option value="48">48 brikker</option>
              <option value="160">160 brikker</option>
            </select></td>
          <td valign="top">
            <p><font face="Tahoma" size="1">
              <img border="0" src="on.gif" ID="option0" name="9" onclick=Check(this.name)>9<br>
              <img border="0" src="off.gif" ID="option1" name="24" onclick=Check(this.name)>24<br>
              <img border="0" src="off.gif" ID="option2" name="48" onclick=Check(this.name)>48<br>
              <img border="0" src="off.gif" ID="option3" name="160" onclick=Check(this.name)>160
            </Font></p></tr>
        <tr>
          <td valign="top" colspan="2" align="center"> <input type="submit" value="Send"></td>
      </table>
    </center>
  </div>
</form>
</body>
</html>
Avatar billede dudesicko Novice
30. august 2003 - 21:25 #5
YES :D

Men nu kom der endnu et problem :/ Som jeg HELLER ikke har tænkt på, lol yeah jeg er ikke den store tænker fortiden :D

Er sku nok næmmere hvis du kigger her, kig på hvad der sker når man trykker på billederne.
http://www.mor-far.dk/area51/pussle/pussle2.asp
Avatar billede dudesicko Novice
30. august 2003 - 21:26 #6
Du har allerede tjænt de 60, men kan du hjælpe med det næste også, så får du flere point, eller skal jeg oprette et SPM mere ?
Avatar billede grunken Nybegynder
31. august 2003 - 02:15 #7
Jeg kan godt se at dine "radios" er lidt store, men kan du ikke forklare hvad du vil have ?

og nej du behøves ikke oprette nyt ?
Avatar billede dudesicko Novice
31. august 2003 - 15:58 #8
Prøv at trykke på dem.
Problemet er jeg skal bruge 4 billeder (eller 8, da der skal være en der er aktiveret, og en der ikke er for hver af de 4 valgmuligheder), 2 til hver af de 4 størrelser, men javascriptet understytter kun hvad der vil svare til 1 af dem, og det er der problemet opstår.

Jeg ved ikke hvordan jeg slal forklare det :/
Avatar billede dudesicko Novice
03. september 2003 - 13:50 #9
Smider du lige at svar, så du kan få point ?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester