Toon posts:

[JS,HTML]selectbox en javascript probleem

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste tweakers!,

Heeft iemand een idee hoe ik een javascript menu over een selectbox heen krijg.
Even wat info van te voren.
Via Zindex werkt het niet omdat een selectbox de hoogste zindex heeft als besturingsafhankelijk element.
Ik heb een URL gevonden waar het wel werkt maar ik kom er niet uit.
http://www.milonic.co.uk/menu/overforms_sample.php
ik hoop dat iemand me verder kan helpen.

Alvast bedankt.

M.Bogaerts

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Op dat voorbeeld staan de selects in een div die geclipped wordt (gedeeltelijk verborgen) als het menu eroverheen valt. Dat is voor zover ik weet ook de enige oplossing :)

Intentionally left blank


Verwijderd

Topicstarter
Thanks crisp
maar hoe werkt dat?
precies het gedeelte dat bedekt word verbergen?

  • André
  • Registratie: Maart 2002
  • Laatst online: 19-08 12:30

André

Analytics dude

In IE6 kan het volgens mij wel, maar in eerdere versies kan het niet omdat daar de activeX objecten (zoals een selectbox of flash) altijd op de voorgrond staan.

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Verwijderd schreef op 24 April 2003 @ 14:24:
Thanks crisp
maar hoe werkt dat?
precies het gedeelte dat bedekt word verbergen?
Je geeft in de config van je menu de naam van het form op. Het script zal waarschijnlijk gaan kijken in dat form welke elementen erin staan, en welke positie ze hebben. Bij het uitklappen van een menuonderdeel dat over een select gaat kan je dan precies uitrekenen welk gedeelte geclipped moet worden.
De source is nogal obfuscated, dus dat ga ik niet helemaal napluizen als je het me niet kwalijk neemt :)
André schreef op 24 april 2003 @ 14:28:
In IE6 kan het volgens mij wel, maar in eerdere versies kan het niet omdat daar de activeX objecten (zoals een selectbox of flash) altijd op de voorgrond staan.
Ook in IE6 kan een div nog niet over een select heen.

[ Voor 21% gewijzigd door crisp op 24-04-2003 14:36 ]

Intentionally left blank


Verwijderd

Topicstarter
@crisp
ik neem het je zeker niet kwalijk...
Maar ik gebruik niet het java menu van het voorbeeld dat ik gaf ik gebruik een eigen script.
dus had gehoopt op een functie.
nu heb ik al wat zitten klooten met de visibility en de overflow maar wil allemaal niet werken.
Ik hoop dat er iemand de oplossing al eerder heeft gebruikt en de objecten en properties nog weet...
schrijven kan ik wel maar moet ik wel het juiste gereedschap hebben! :)

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 19:15

RM-rf

1 2 3 4 5 7 6 8 9

Verwijderd schreef op 24 april 2003 @ 14:41:
@crisp

nu heb ik al wat zitten klooten met de visibility en de overflow maar wil allemaal niet werken.
zoals crisp al redelijk duidelijk zei
css-propertie clip: rect(r,h,l,t); is de enige methode

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Als je er niet helemaal uitkomt verberg je gewoon alle formelementen als je menu opent ;).

Dat is vrij simpel:

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
function toggleFormElements( theForm, makeVisible ) {
    for( var i=0; i < theForm.elements.length; i++ ) {
        if( makeVisible == true ) {
            theForm.elements[i].style.visibility = "visible";
        } else {
            theForm.elements[i].style.visibility = "hidden";
    }
}

// functie roep je zo aan
toggleFormElements( document.forms['naamvanform'], false ); // om elementen te verbergen
toggleFormElements( document.forms['naamvanform'], true ); // om elementen zichtbaar te maken


Netste zou ook nog zijn om wat browsers sniffing erin te maken (om te kijken of .style wel werkt bijvoorbeeld ;)) en om te kijken of formfield van bepaald type is (was te lui om alle types op te zoeken).

[ Voor 3% gewijzigd door McVirusS op 24-04-2003 14:50 ]


  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Gedeelte clippen is natuurlijk nog mooier, maar ik heb geen zin om dat nu ff uit te zoeken hoe dat moet :P.

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

RM-rf schreef op 24 april 2003 @ 14:44:
[...]


zoals crisp al redelijk duidelijk zei
css-propertie clip: rect(r,h,l,t); is de enige methode
Of gewoon recht-toe-recht-aan de visibility van je selects op 'hidden' zetten op het moment dat je een menuutje uitklapt. Dit wordt veel gedaan, en meestal valt het niet eens op omdat je op dat moment toch gefocused bent op het menu.

Intentionally left blank


  • McVirusS
  • Registratie: Januari 2000
  • Laatst online: 21-08 10:46
Met visibility werken is eigenlijk wel mooier omdat je dan ook geen verspringende elementen krijgt ;). (en heb ik bij deze dus aangepast)

[ Voor 15% gewijzigd door McVirusS op 24-04-2003 14:50 ]


Verwijderd

Topicstarter
Jullie zijn echt top!,
Denk alleen dat ik het moet gaat proberen met clip heb nu een visibility propertie staan maar is niet mooi omdat het menu half over de selectbox heenkomt.
In iedergeval allemaal hartelijk bedankt...!!!

Verwijderd

Topicstarter
Sorry jongens ik krijg het echt niet voor elkaar...
Geen idee hoe ik een selectbox kan clippen. heeft iemand een voorbeeld???

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 09:52

Pelle

🚴‍♂️

Wat heb je allemaal zelf al geprobeerd? We zijn hier geen helpdesk, die kant en klare oplossingen leveren.

Laat eerst eens zien wat je zelf al allemaal gedaan hebt om het werkend te krijgen.
Oh ja, je eigen topic kicken wordt ook niet op prijs gesteld, net als bijvoorbeeld het groeten onderaan je post. Lees de FAQ en de W&G Policy er nog maar eens op na.

http://gathering.tweakers.net/forum/faq
Webdesign & Graphics - FAQ en Policy
Pagina: 1