Avatar billede loumann Praktikant
16. september 2011 - 11:21 Der er 17 kommentarer og
1 løsning

Hvordan erstatter jeg submit knap med grafik

Jeg har prøvet mange metoder til at erstatte den grimme standard submit knap med et billede  i min html-form

<input name="cmdSubmit" type="submit" id="cmdSubmit" value="Se resultat"/>
</form>

Jeg har prøvet mange løsninger, jeg har set på nettet, og kan også få billedknappen frem, men når siden sender, medtager den ikke informationerne.
Alle de forslag jeg har prøvet starter med input type og ikke input name. Ved ikke om det spiller nogen rolle?

Håber nogen derude kan hjælpe.
Avatar billede fennec Nybegynder
16. september 2011 - 11:33 #1
Brug Image som type:
<input type="image" src="billed.gif">
Avatar billede skelboe Nybegynder
16. september 2011 - 11:43 #2
Ellers kan du bruge et alm. img tag.
<img src="mit billede" onclick="document.forms["myform"].submit()" />
Avatar billede olebole Juniormester
16. september 2011 - 14:51 #3
<ole>

Du kan også bruge et helt almindelig button element:


<button title="Send"><img src="pic.png" alt=""></button>


/mvh
</bole>
Avatar billede olebole Juniormester
16. september 2011 - 14:54 #4
Njaar ... det er ikke alle browsere, der default'er til type="submit" under HTML 4.01, så vi må hellere være eksplicitte:


<button type="submit" title="Send"><img src="pic.png" alt=""></button>

Avatar billede loumann Praktikant
16. september 2011 - 19:30 #5
Tak for jeres svar, men ikke noget af det virker umiddelbart.
Send-knappen skal samtale med et php script, der i toppen har koden: if (isset($_POST['cmdSubmit'])) {

Håber en af jer kan skive den helt nøjagtige html i bunden af dette script, jeg skal bruge for at erstatte standard submit knappen med en lækker grafik: Her følger hele molevitten, der i andre henseender virker:

<form action="sust_adj_combine_results.php" method="post">
<?php
 
if (isset($_POST['cmdSubmit'])) {

}
$n = 18; // this is the declaration of the total item on your quiz and array is used as a storage of               //the question in order to display it in random 
$links=array(
                '<a href="java script:void(0)" onClick="EvalSound(\'sound1\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                    <input type="text" size="18" id="answer1" name="answer1" > &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer1\');"  alt="Indsæt et á i tekstfeltet" src="../images_char/1.gif"/>
                <img id="é" onclick="insert(this.id, \'answer1\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer1\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer1\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',             
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound2\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer2" name="answer2" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer2\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer2\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer2\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer2\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
              ',
               
                    '<a href="java script:void(0)" onClick="EvalSound(\'sound3\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer3" name="answer3" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer3\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer3\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer3\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer3\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
                       
                    '<a href="java script:void(0)" onClick="EvalSound(\'sound4\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer4" name="answer4" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer4\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer4\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer4\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer4\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound5\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer5" name="answer5" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer5\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer5\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer5\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer5\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound6\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer6" name="answer6" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer6\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer6\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer6\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer6\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',

                '<a href="java script:void(0)" onClick="EvalSound(\'sound7\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer7" name="answer7" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer7\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer7\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer7\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer7\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound8\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer8" name="answer8" > &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer8\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer8\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer8\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer8\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound9\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="20" id="answer9" name="answer9" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer9\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer9\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer9\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer9\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound10\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
<input type="text" size="18" id="answer10" name="answer10" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer10\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer10\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer10\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer10\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound11\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer11" name="answer11" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer11\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer11\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer11\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer11\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound12\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer12" name="answer12" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer12\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer12\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer12\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer12\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound13\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer13" name="answer13" >&nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer13\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer13\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer13\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer13\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound14\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer14" name="answer14" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer14\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer14\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer14\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer14\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound15\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer15" name="answer15" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer15\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer15\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer15\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer15\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound16\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer16" name="answer16" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer16\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer16\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer16\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer16\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound17\')"><img border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer17" name="answer17" > &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer17\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer17\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer17\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer17\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
                '<a href="java script:void(0)" onClick="EvalSound(\'sound18\')"><img border="0" border="0" src=../../../graphics/play_sound_button_40px.jpg></a>
                <input type="text" size="18" id="answer18" name="answer18" >
                &nbsp;&nbsp;
                <img id="á" onclick="insert(this.id, \'answer18\');" alt="Indsæt et á i tekstfeltet"  src="../images_char/1.gif" />
                <img id="é" onclick="insert(this.id, \'answer18\');" alt="Indsæt et é i tekstfeltet"  src="../images_char/2.gif" />
                <img id="í" onclick="insert(this.id, \'answer18\');" alt="Indsæt et í i tekstfeltet"  src="../images_char/3.gif" />
                <img id="ó" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ó i tekstfeltet"  src="../images_char/4.gif" />
                <img id="ú" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ú i tekstfeltet"  src="../images_char/5.gif" />
                <img id="¿" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ¿ i tekstfeltet"  src="../images_char/6.gif" />
                <img id="¡" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ¡ i tekstfeltet"  src="../images_char/7.gif" />
                <img id="ü" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ü i tekstfeltet"  src="../images_char/8.gif" />
                <img id="ñ" onclick="insert(this.id, \'answer18\');" alt="Indsæt et ñ i tekstfeltet"  src="../images_char/9.gif" />
                ',
               
           
            );
           
// displaying the array in random until $n number is satisfied.
$rand_keys = array_rand($links, $n);
echo "<center>". "<table><tr><td>";
echo("<font size=\"2\" face=\"Verdana\">");
echo "1.&nbsp;&nbsp;". $links[$rand_keys[0]] . "<br>"; 
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "2.&nbsp;&nbsp;".$links[$rand_keys[1]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "3.&nbsp;&nbsp;". $links[$rand_keys[2]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "4.&nbsp;&nbsp;".$links[$rand_keys[3]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "5.&nbsp;&nbsp;".$links[$rand_keys[4]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "6.&nbsp;&nbsp;".$links[$rand_keys[5]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "7.&nbsp;&nbsp;".$links[$rand_keys[6]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "8.&nbsp;&nbsp;".$links[$rand_keys[7]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "9.&nbsp;&nbsp;".$links[$rand_keys[8]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "10.&nbsp;&nbsp;".$links[$rand_keys[9]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "11.&nbsp;&nbsp;".$links[$rand_keys[10]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "12.&nbsp;&nbsp;".$links[$rand_keys[11]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "13.&nbsp;&nbsp;".$links[$rand_keys[12]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "14.&nbsp;&nbsp;".$links[$rand_keys[13]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "15.&nbsp;&nbsp;".$links[$rand_keys[14]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "16.&nbsp;&nbsp;".$links[$rand_keys[15]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "17.&nbsp;&nbsp;".$links[$rand_keys[16]] . "<br>";
echo "</td></tr><tr><td>";

echo("<font size=\"2\" face=\"Verdana\">");
echo "18.&nbsp;&nbsp;".$links[$rand_keys[17]] . "<br>";
echo "</td></tr><tr><td>";


/*
you can add numbers according to your needs */
echo "</td></tr></table>";
echo "<center>". "<br>";



//for($i=0; $i<$n; $i++)
//{
//echo $rand_keys[$i]."<br>";
//}

?>
<input name="cmdSubmit" type="submit" id="cmdSubmit" value="Se resultat"/>
</form>
Avatar billede olebole Juniormester
16. september 2011 - 19:45 #6

<input type="hidden" name="cmdSubmit" value="true">
<button type="submit" title="Send"><img src="pic.png" alt=""></button>


Undlad så vidt muligt at bruge knappen til at identificere formen med
Avatar billede olebole Juniormester
16. september 2011 - 19:47 #7
- og så kan jeg varmt anbefale pastebin til lange koder  *o)
Avatar billede olebole Juniormester
16. september 2011 - 19:55 #8
Denne konstruktion giver i øvrigt ikke mening:


if (isset($_POST['cmdSubmit'])) {

}


Den sidste 'tuborg' bør vel stå efter resten af PHP-koden
Avatar billede olebole Juniormester
16. september 2011 - 20:26 #9
- og nu, hvor jeg har kikket koden lidt efter i sømmene, har jeg opdaget, den slet ikke hænger sammen. Så vidt jeg kan se, vil spørgsmålene komme i samme rækkefølge, hvergang siden loades.

Derudover har du et hav af ens ID'er, hvilket er en absolut no-go! En ID skal være unik i et HTML dokument.
Avatar billede olebole Juniormester
16. september 2011 - 20:33 #10
- og så skal en ID begynde med et bogstav mellem a og z - eller en underscore.

Derudover har font of center tags været deprecated siden 1997. Hvorfor ikke bare sætte fonten for hele balladen ét sted med CSS?

En total omskrivning ville nok være på sin plads. Koden ville i samme hug kunne skrumpes til ret få linjer  =)
Avatar billede loumann Praktikant
16. september 2011 - 20:40 #11
Tak Olebole

Fantastisk, det virker! Eneste hage er at der omkring min flotte knap, der måler 250 X 50 px, er kommet en endnu større grim grå ramme, der ser ud til at stamme fra en standard knap af en slags. Hvordan fjerner jeg mon den?

Jeg prøvede i øvrigt også at slette den tuborgklamme, du mente er overflødig, men browseren meldte syntaksfejl, så jeg satte den ind igen.
Avatar billede olebole Juniormester
16. september 2011 - 21:02 #12
Hvis du ikke kan slippe af med kanten, kan du bare bruge et af de andre forslag, du fik tidligere. De virker præcist ligeså godt.

Jeg har ikke skrevet, at din 'tuborg' skulle slettes. Den skal flyttes til efter din PHP-kode for overhovedet at give mening. Som det står nu, har betingelsen overhovedet ingen indflydelse på noget somhelst.

HTML'en er stadig både oldnordisk og - hvad værre er - decideret invalid!

Men hvorfor blander overhovedet PHP ind i udskrivningen af formen? Din PHP-kode skriver jo alligevel spørgsmålene helt ens ud fra gang til gang. Du kan ligeså godt skrive koden i statisk HTML
Avatar billede olebole Juniormester
16. september 2011 - 21:29 #13
Det ser ud til, at denne kode i hvert fald virker i IE, FF, Opera og Safari:


<button type="submit" style="background:transparent;border:0">
    <img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt=""></button>

Avatar billede olebole Juniormester
16. september 2011 - 21:31 #14
- men knappen er som sagt dit allermindste problem - uanset, hvor grim den end måtte være
Avatar billede loumann Praktikant
16. september 2011 - 21:54 #15
Tak for det. Nu er den grimme grå kant omkring knappen også væk.

Det er rigtigt jeg ikke ved meget om php programmering. Det er et script jeg har fundet på nettet og tilpaset mine egne behov. Og det virker!

Der er mere php øverst på siden, som jeg ikke kopierede med før, fordi det ikke har indflydelse på send formularen. Så måske hænger omtalte tuborgklamme sammen med det øverste på siden.

Og jo, spørgsmålene til quizen kommer i forskellig rækkefølge hver gang, så det funker.
Hvis du har tid og lyst må du meget gerne skrive det hele om for mig, så det ikke længere er oldnordisk. Det ville da være storartet, men for mig virker scriptet nu. Dermed ikke være sagt at det kunne gøres bedre...

Jeg skal selvfølgelig nok give dig alle pointene for din besvarelse, hvis ellers jeg kan finde ud af det. Er heller ikke en rutineret bruger af denne side :-)
Avatar billede loumann Praktikant
16. september 2011 - 21:58 #16
Ja, hvordan giver jeg dig så de fortjente point, hvis du ellers samler på dem? Det kan jeg ikke lige se her på siden.
Avatar billede olebole Juniormester
16. september 2011 - 22:22 #17
At det måske så er en helt anden kode, du reelt bruger, kan godt være. Den kode, du viser her, virker med statsgaranti ikke.

1) Spørgsmålene skrives ud i samme rækkefølge hvergang.

2) JavaScript kan umuligt finde ud af at kalde elementer, hvis andre elementer har samme ID.

3) Din resulterende kode indholder over 350 alvorlige HTML fejl. Den har stort set intet med HTML at gøre.

Jeg siger ikke, du er fuld af løgn - men på den anden side er jeg nødt til at konstatere, at den viste kode ikke kan virke, som du fortæller.

Jeg samler ikke points. Læg selv et svar og accepter det, så tråden lukkes
Avatar billede loumann Praktikant
17. september 2011 - 00:05 #18
Tråden hermed lukket
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