Avatar billede plazm Nybegynder
26. juni 2006 - 19:14 Der er 11 kommentarer og
1 løsning

Ikke miste focus fra et element, når der klikkes på et andet.

Hvis i ser på min side via Firefox, så virker alt som det skal, men når siden bliver vist i IE så failer de dropdowns som jeg har lavet.
Altså, jeg markerer en tekst og trykker på min dropdown og fokus forsvinder. Hvis jeg derimod bruger en standard dropdown så mistes fokus ikke og det virker fint. Men mine dropdowns er "pænere" og derfor vil jeg gerne at disse kom til at virke.

Hvordan gør jeg det?

http://plazm.dk/projekter/editor/index.php
Avatar billede mclemens Nybegynder
26. juni 2006 - 19:57 #1
Avatar billede mclemens Nybegynder
26. juni 2006 - 19:58 #2
- Og så skal input tagget styles istedet for den div ...
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:01 #3
... eller måske kan man bare ligge et
tranparent billede hen over hele div'en ...
- og så måle click på den istedet :/
(ikke testet)
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:20 #4
Virker ok... Eksempel:

...

dropdown.style.position="relative";

tmp2=document.createElement("img");
tmp2.setAttribute("src","t.gif");
if(document.all){tmp2.setAttribute("className","posabs");}
else{button.setAttribute("class","posabs");}




    if(document.attachEvent) {
      tmp2.attachEvent('onclick', function() {

options.style.display=(options.style.display!='block')?'block':'none';return false; } );
    } else {
      tmp2.addEventListener('click', function() {

options.style.display=(options.style.display!='block')?'block':'none'; },false );
    } 





    dropdown.appendChild(options);
    dropdown.appendChild(tmp2);
    this.menu.appendChild(dropdown);


...

- Dog skal der så lidt css tweaking til og så
skal options også wrappes med en transperant img over sig...
^ - Før det virker så den ikke flytter focus ved click der også...
husk t.gif ... transperant billede)
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:22 #5
(Ellers kunne man måske lægge billeder ind istedet
for tekster og så køre onclick på dem... så bliver
focus ikke blive flyttet - ligesom med den transperant gif fil)
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:28 #6
En fejl i 26/06-2006 20:20:08
Jeg skrev: else{button.setAttribute("class","posabs");}
Det skulle være: else{tmp2.setAttribute("class","posabs");}
Avatar billede mclemens Nybegynder
26. juni 2006 - 20:29 #7
og så denne css style også
.posabs{position:absolute;top:0px;left:0px;width:100%;height:100%;}
Avatar billede plazm Nybegynder
26. juni 2006 - 21:17 #8
Tak for dit indlæg. Men jeg fik en god ide efter et par tests, og kom frem til at <a> også kunne bruges. Det er ganske vist ikk pænt, men det vil jeg heller ikk mene dit er :)

Smider du et svar for dine links som gav mig ideen?
Avatar billede mclemens Nybegynder
26. juni 2006 - 21:32 #9
Ok :o)
Avatar billede mclemens Nybegynder
26. juni 2006 - 22:12 #10
Behold evt. lidt selv - du valgte jo a href's istedet...
[ Det er ganske vist ikk pænt, men det vil jeg heller ikk mene dit er :) ]
Helt enig, det afhænger selvfølgelig også lidt af design... i FF kan man jo
ikke låse tekststørrelsen så der er stylet tekst mere design sikkert...
- man kan dog designe tingene så de tager hensyn til en skrifttype forøgelse
( det har jeg dog ikke selv fået gjort med min menu :/ )
Avatar billede plazm Nybegynder
26. juni 2006 - 22:55 #11
Så meget betyder de points ikk for mig :) har nok til at kunne stille spørgsmål i fremtiden, og kan jo altid bare svare på nogle andre.
Avatar billede mclemens Nybegynder
26. juni 2006 - 23:25 #12
[ Så meget betyder de points ikk for mig :) ]
- Heller ikke for mig, sommetider er udfordringen en belønning i sig selv...
(men det er selvfølgelig altid rart nok med lidt "symbolsk" tak og lidt feedback på alternative løsninger som f.eks. den med <a... den havde jeg ikke selv testet :) )

... Og tak for pointene :o)
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