Oprettet tor. d. 30. maj 2013 kl. 11:26:46

cf1234
cf1234 (7.710 point. Point ude: 430)


Virker ikke i IE

Tanken med nedestående er at man klikker på to farver og får vist sine valg i tekst form.
Virker i alle browsere på såvel PC som Mac samt mobile enheder....med undtagelse af IE.
Kan nogen hjælpen mig med hvorfor IE ikke kan forstå det?

<?php

$value1 = $_POST['1'];
$value2 = $_POST['2'];


echo '<center>Du har valgt:<b> '.$value1.' / '.$value2.'</b></center><hr><br>';


?>

<center><form action="<?php $PHP_SELF; ?>" method="post">
<input type="radio" style="display: none;" id="grp1" name="1" value="Yellow" /><label for="grp1"><img src="images/y.png" title="Laber gul" /></label>
<input type="radio" style="display: none;" id="grp2" name="1" value="Cyan" /><label for="grp2"><img src="images/c.png" title="Syret cyan"/></label>
<input type="radio" style="display: none;" id="grp3" name="1" value="Magenta" /><label for="grp3"><img src="images/m.png" title="M&#229;bende magenta"/></label><br>
<input type="radio" style="display: none;" id="grp4" name="2" value="Yellow" /><label for="grp4"><img src="images/y.png" /></label>
<input type="radio" style="display: none;" id="grp5" name="2" value="Cyan" /><label for="grp5"><img src="images/c.png" /></label>
<input type="radio" style="display: none;" id="grp6" name="2" value="Magenta" /><label for="grp6"><img src="images/m.png" /></label><br>
    <input type="submit" value=" VIS ">
</form></center><br><br>
<?
?>

Skrevet tor. d. 30. maj 2013 kl. 11:59:01| #1


Skrevet tor. d. 30. maj 2013 kl. 12:02:14| #2

$PHP_SELF skal i hvert fald være:
echo $_SERVER['PHP_SELF'];

Men det er ikke det der gør at det ikke fungerer i IE.

Skrevet tor. d. 30. maj 2013 kl. 12:16:27| #3

cf1234
cf1234 (7.710 point)
Det bliver brugt i en større sammenhæng (som custom code på et Joomla site), men det er denne del der ikke virker. Tager man den kode jeg har postede fungere det uden yderligere kode med undtagelse af IE.

Skrevet tor. d. 30. maj 2013 kl. 12:16:40| #4

claes57
claes57 (45.666 point)
virker det, hvis du fjerner  display: none;  ?

Skrevet tor. d. 30. maj 2013 kl. 12:30:47| #5

cf1234
cf1234 (7.710 point)
Så virker det. Ideen var bare at der kun skulle være grafikken at klikke på - ingen radio

Skrevet tor. d. 30. maj 2013 kl. 13:02:57| #6

Birger52
Birger52 (4.000 point)
Kapitel 3 af en bog, er ligesom ikke nok til en hel roman.
<html>
<head>
<title>...</title>
</head>
<body>
din kode her
</body>
</html>

er absolut minimum.
Tagget <center> udgik for meget længe siden, så du skal nok overveje, at bruge CSS i stedet.
Der mangler så doctype, som i ovenstående kunne være HTML4.01, i hvilket tilfælde der skal tilføjes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
foran det alt sammen.

Skrevet tor. d. 30. maj 2013 kl. 13:30:35| #7

cf1234
cf1234 (7.710 point)
Birger:
Tak for info. Er godt klar over det, men da det ikke ændre noget på resultatet så jeg ingen grund til at smide flere linier end nødvendigt. Havde du et løsningsforslag eller....?

Skrevet tor. d. 30. maj 2013 kl. 13:33:31| #8

cf1234
cf1234 (7.710 point)
Du svarede på det jeg spurgte om og ledte mig på vej mod fejlkilden så du får pointene.
Jeg kan Google mig frem til jeg absolut ikke er den eneste med display: none; - problemer, så løsningen bliver radiobutton med grafik som label.
Tak for hjælpen :o)

Skrevet tor. d. 30. maj 2013 kl. 13:34:45| #9

cf1234
cf1234 (7.710 point)
Det gik lidt for stærkt...claes57 - smid et svar :o)

Skrevet tor. d. 30. maj 2013 kl. 13:41:46| #10

Birger52
Birger52 (4.000 point)
OK.
Det er ikke alle browsere, og specielt ikke IE, der forstår amputerede versioner af HTML. Så din test på at finde ud af hvad der er galt, har ikke nogen chance, for at give et brugbart resultat.

Skrevet tor. d. 30. maj 2013 kl. 13:50:21| #11

cf1234
cf1234 (7.710 point)
Misforstå mig ikke - jeg har været der og det fungere ikke.
Tak for din ulejlighed

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

Min menu i Wordpress

Oprettet den 25. oktober 2014 kl. 20.14
Majaseidelin giver 30 point for svar | Giv et svar »

WORDPRESS - Menu problemer

Oprettet den 24. oktober 2014 kl. 18.56
Majaseidelin giver 30 point for svar | Giv et svar »

Læsning af filnavn !

Oprettet den 23. oktober 2014 kl. 10.43
dankerlinnet giver 200 point for svar | Giv et svar »

Seneste guides

Find ejeren af et vilkårligt domæne
Undgå reklamerne på iPad
Opret BOOTBAR USB pen ...





Computerworld

Teaser billede

Android L: Disse telefoner får den nye version af Android

Den nyeste version af Android, Android Lollipop, er blevet præsenteret og er nu kommet ud i prøveversion til nogle enkelte enheder, men hvilke smartphones vil rent faktisk få det nye system?

CIO

Teaser billede

Microsoft: Adgang til Windows 10 vil kræve flere koder

I et forsøg på at appellere til de sikkerheds-bekymrede it-chefer indbygger Microsoft to-faktor-autentifikation direkte i Windows 10, som vil kræve to koder at få adgang til. Også en række andre...

Comon

Teaser billede

Test: Mini-computer fra Gigabyte har overraskende meget kraft

Gigabyte's Brix Pro (GB-BXi7-4770R) har overraskende meget kraft i så lille et chassis, men størrelsen giver også problemer.

Channelworld

Teaser billede

Printbranchen er ved at save benene af sig selv

Stenhård priskonkurrence undergraver den traditionelle forretningsmodel for salg af print-og kopimaskiner.

White paper

Teaser billede

ITIL og best practices i dagligdagen

Dette Computerworld Tema beskriver, hvad ITIL er, og hvordan det i praksis betaler det sig at ændre alt det, man gør forkert i dagligdagen.



Udgiver · © 2014 Computerworld A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger