Avatar billede qualon1 Nybegynder
05. december 2006 - 18:06 Der er 13 kommentarer

Firefox problem

Hej eksperter

Jeg har følgende kode:

<a href="/" title="Til startside">
<img src="http://domæne.dk/images/header_logo.gif" alt="Startside" />
</a>
<input type="button" value="Ny bruger" onclick="document.location.href = '/login/new_user.html';" class="headerInput" />

med style:
td.header_main {
    background:#ffefae url('images/header_background.gif') repeat-y top left;
    height: 73px;
    border-right: 1px solid #8cb2bf;
    border-left: 1px solid #8cb2bf;
}
div.headerpopup_main {
    background:#ffefae url('images/header_background.gif') repeat-y top left;
    height: 50px;
    border-right: 1px solid #8cb2bf;
    border-left: 1px solid #8cb2bf;
}
td.headerPadding {
    padding: 5px;
}
.headerInput {
    border: 1px solid #947e26;
    background: #ffe88b;
    color: #333333;
    font-size:10px;
}
.headerInputs {
    padding-top: 5px;
}

I IE kan man trykke på billede og gå til startsiden, og man kan også trykke på den input knap. Men i firefox 2.0 kan man ikke trykke overhovedet. Nogen ideer til hvordan dette kan være?
Avatar billede coderdk Praktikant
05. december 2006 - 18:09 #1
Du mangler <form> før din <input> og </form> efter...
Avatar billede qualon1 Nybegynder
05. december 2006 - 18:11 #2
kan man ikke benytte den knap uden for en form?
og hvad er der med billedet? det forstår jeg på ingen måde
Avatar billede qualon1 Nybegynder
05. december 2006 - 18:15 #3
... har lige prøvet at sætte det ind i en form, stadig samme problem :S
Avatar billede coderdk Praktikant
05. december 2006 - 19:26 #4
Nej, du SKAL bruge en <form> hvis du skal bruge form-elementer.
Dette virker fint hos mig i Firefox 2:

<style>
td.header_main {
    background:#ffefae url('images/header_background.gif') repeat-y top left;
    height: 73px;
    border-right: 1px solid #8cb2bf;
    border-left: 1px solid #8cb2bf;
}
div.headerpopup_main {
    background:#ffefae url('images/header_background.gif') repeat-y top left;
    height: 50px;
    border-right: 1px solid #8cb2bf;
    border-left: 1px solid #8cb2bf;
}
td.headerPadding {
    padding: 5px;
}
.headerInput {
    border: 1px solid #947e26;
    background: #ffe88b;
    color: #333333;
    font-size:10px;
}
.headerInputs {
    padding-top: 5px;
}
</style>
<a href="/" title="Til startside">
<img src="http://domæne.dk/images/header_logo.gif" alt="Startside" />
</a>
<form>
<input type="button" value="Ny bruger" onclick="window.location.href = '/login/new_user.html';" class="headerInput" />
</form>

Den hedder også window.location, men document.location burde også virke
Avatar billede olebole Juniormester
06. december 2006 - 14:23 #5
<ole>

Enten er det bare er en af FF's utallige bugs - eller også er det fordi, Mozilla pludselig er begyndt at tage alvorligt, at document.location snart har været deprecated i 10 år.

Der er _intet_ somhelst i vejen for at bruge form-elementer uden en form ... det er eksplicit nævnt i W3C's HTML-rekomandationer  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
06. december 2006 - 14:29 #6
http://www.w3.org/TR/html401/interact/forms.html#h-17.2.1
- lige inden '17.3 The FORM element':

"The elements used to create controls generally appear inside a FORM element, but may also appear outside of a FORM element declaration when they are used to build user interfaces. This is discussed in the section on intrinsic events. Note that controls outside a form cannot be successful controls."
Avatar billede coderdk Praktikant
06. december 2006 - 14:37 #7
Yeah :) Jeg ved godt det *burde* virke - Men i praksis er der en af browserne hvor det ikke fungerer som det skal. Jeg troede det var Firefox, men det virker da uden <form> i min Firefox 2 kan jeg se... Er det Firefox 1.5 eller en helt anden browser jeg tænker på?
Avatar billede qualon1 Nybegynder
06. december 2006 - 15:33 #8
Altså selv når jeg fjerner onclick i <input så kan man ikke engang se at man trykker, den agerer som om det bare var et billede man trykke på
Avatar billede qualon1 Nybegynder
06. december 2006 - 15:34 #9
ahh... dummeslag!!! det var en DHTML menu som lagde sig ind over hele headeren... nu virker det...
Avatar billede coderdk Praktikant
06. december 2006 - 15:36 #10
qualon1, Det virker underligt - Den kode jeg pastede virkede fint hos mig :)
Avatar billede coderdk Praktikant
06. december 2006 - 15:37 #11
lol :-D
Avatar billede qualon1 Nybegynder
06. december 2006 - 15:42 #12
ja men du har heller ikke fået hele koden... menuen bliver først sat ind senere...
Avatar billede olebole Juniormester
07. december 2006 - 16:08 #13
coderdk >> Det kan ikke være en IE-, NS-, Moz- eller Opera-browser fra de seneste 8-9 år, der er tale om. I den periode er der ikke nogen væsentlig browser, der har haft problemer med form-kontroller udenfor form-elementer  =)
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