Avatar billede _petrucci Nybegynder
01. november 2000 - 15:43 Der er 6 kommentarer og
1 løsning

<input> size variabel (netscape/ie problem)

Hejsa,

jeg har en side hvor der er et ton (mindst) input felter, hvor jeg gerne vil have en fast bredde på alle felterne. I css har jeg lavet en class der specificerer denne, men det virker kun i Internet Explorer. Netscape og forms styrer generelt ikke. Derfor vil jeg nu lave et javascript der definere \"size\" i <head></head> på input felterne alt efter om det er Netscape eller Internet Explorer.

Men hvordan gør jeg det? (hvordan skal der henvises til det nede i <body> koden)
Avatar billede hope Nybegynder
01. november 2000 - 15:50 #1
hvorofr på den måde?
Avatar billede _petrucci Nybegynder
01. november 2000 - 15:51 #2
Tja...det skal ikke nødvendigvis være på den måde. Jeg skal bare have det til at virke i begge browsere med så lidt kode som muligt :)
Avatar billede hope Nybegynder
01. november 2000 - 15:54 #3
så bare tast deres pixel længde ind.....sådan som man plejer.....kig evt. på www.modelbooking.com under model index - er det sådan eller har jeg misforstået noget?
Avatar billede hope Nybegynder
01. november 2000 - 15:55 #4
er det sådan?
Avatar billede _petrucci Nybegynder
01. november 2000 - 16:02 #5
på den side er der stadig \"bare\" sat en <input size=\"12\"> - bredden af tekstfeltet bliver jo stadig bredere i netscape pga. den måde netscape fortolker form-elementerne.

Jeg leder efter et script der kan bestemme \"size=\"xx\"  hvor xx er forskellig alt efter om det er netscape eller IE. Således at jeg ikke behøver at indsætte en lang \"if browser=netscape then <input size=\"12\"> else <input size=\"19\"> ved alle input felterne.

Håber det er forståeligt nok? :)
Avatar billede hope Nybegynder
01. november 2000 - 16:27 #6
jepper....så er jeg med, men så kan jeg ikke hjælpe.....
Avatar billede geeeet Nybegynder
01. november 2000 - 18:20 #7
Den smarteste måde at gøre det på er, at få dine felter til at passe i netscape...
Derefter tager du et screenshot, smider det ind i et billedediteringsprogram, og måler hvor langt feltet er. Derefter sætter du så dit styletag på, sådan at feltet bliver lige så langt i ie.

eks.:

<input type=\"text\" size=\"1\" style=\"width:17;\"><br>
<input type=\"text\" size=\"2\" style=\"width:25;\"><br>
<input type=\"text\" size=\"3\" style=\"width:33;\"><br>
<input type=\"text\" size=\"4\" style=\"width:41;\"><br>
<input type=\"text\" size=\"5\" style=\"width:49;\"><br>
<input type=\"text\" size=\"6\" style=\"width:57;\"><br>
<input type=\"text\" size=\"7\" style=\"width:65;\"><br>
<input type=\"text\" size=\"8\" style=\"width:73;\"><br>
<input type=\"text\" size=\"9\" style=\"width:81;\"><br>
<input type=\"text\" size=\"10\" style=\"width:89;\"><br>
<input type=\"text\" size=\"11\" style=\"width:97;\"><br>
<input type=\"text\" size=\"12\" style=\"width:105;\"><br>
<input type=\"text\" size=\"13\" style=\"width:113;\"><br>
<input type=\"text\" size=\"14\" style=\"width:121;\"><br>
<input type=\"text\" size=\"15\" style=\"width:129;\"><br>
<input type=\"text\" size=\"16\" style=\"width:137;\"><br>
<input type=\"text\" size=\"17\" style=\"width:145;\"><br>
<input type=\"text\" size=\"18\" style=\"width:153;\"><br>
<input type=\"text\" size=\"19\" style=\"width:161;\"><br>
<input type=\"text\" size=\"20\" style=\"width:169;\"><br>
<input type=\"text\" size=\"21\" style=\"width:177;\"><br>
<input type=\"text\" size=\"22\" style=\"width:185;\"><br>
<input type=\"text\" size=\"23\" style=\"width:193;\"><br>
<input type=\"text\" size=\"24\" style=\"width:201;\"><br>
<input type=\"text\" size=\"25\" style=\"width:209;\"><br>
<input type=\"text\" size=\"26\" style=\"width:217;\"><br>
<input type=\"text\" size=\"27\" style=\"width:225;\"><br>
<input type=\"text\" size=\"28\" style=\"width:233;\"><br>
<input type=\"text\" size=\"29\" style=\"width:241;\"><br>
<input type=\"text\" size=\"30\" style=\"width:249;\"><br>
<input type=\"text\" size=\"31\" style=\"width:257;\"><br>
<input type=\"text\" size=\"32\" style=\"width:265;\"><br>
<input type=\"text\" size=\"33\" style=\"width:273;\"><br>
<input type=\"text\" size=\"34\" style=\"width:281;\"><br>
<input type=\"text\" size=\"35\" style=\"width:289;\"><br>
<input type=\"text\" size=\"36\" style=\"width:297;\"><br>

De skulle gerne være samme størrelse i begge browsere... For hver gang size stiger 1 stiger px 8...

/Geeeet
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