Modal dialog boxes - Softwareontwikkeling

donderdag 5 oktober 2006 11:42

Acties:

Verwijderd

Topicstarter

Hallo,

Ik ben op dit moment bezig met een soort intern bestelsysteempje nu is het zo dat de leveranciers lijst super lang is ( meer dan 1200 items) met een dropdown box is het volgens de mensen die het gaan gebruiken niet makkelijk genoeg om de juiste leverancier te kiezen. Dus er moet een mogelijkheid komen om op een leveranciersnaam te kunnen zoeken en hem dan vervolgens te kunnen selecteren. Door de indeling van de pagina zou het het mooiste zijn als dit op een andere pagina gebeurt

Nu had ik van een kennis gehoord dat ik dit probleem met Modal dialog boxes moest oplossen.
Nu zit ik een beetje te rommelen maar nu merk nu ik als in de pop up box van de modal box een post box met een zoek code invoer hij een nieuwe pagina opend

Nu is mijn vraag of dit probleem te omzeilen is. Als dit niet mogelijk is weten jullie dan een andere oplossing voor mijn probleem

donderdag 5 oktober 2006 11:46

Acties:

lier

MikroTik nerd

Cruciaal in dit verhaal is waar je deze pagina's in laat draaien en met welke software je het maakt. Gaat het om PHP, Java of .Net ?

Uiteraard is het mogelijk...

Eerst het probleem, dan de oplossing

donderdag 5 oktober 2006 12:06

Acties:

Verwijderd

Topicstarter

Ja sorry vergeten te vermelden.

De pagina's zijn in php gemaakt

ik heb dat wat ik nu heb gebaseerd op deze pagina
http://www.webreference.com/js/column90/8.html

[ Voor 45% gewijzigd door Verwijderd op 05-10-2006 12:13 ]

donderdag 5 oktober 2006 12:17

Acties:

reddevil

er zijn een aantal verschillende opties, bijvoorbeeld het invoeren van een letter in een textveld en dan dat de dropdown gevuld wordt met de strings die matchen op de ingevoerde letter(s) in het textveld.
Of bijvoorbeeld dat je in een tekstveld een string invoert en dan de dropdown dan naar beneden scrolled tot de letters die je ingevoerd hebt

kort voorbeeldje van 't tweede (ik heb geen idee hoe snel het gaat met 1200 items, sommige browsers zijn nogal lastig als het om grote dropdowns gaat, ie6 werkt wel redelijk met grote aantallen):

HTML:

<html>
<head>
<script language="Javascript">
    function test(f)
    {
        for (var i=0; i<document.testform.testselect.options.length; i++)
        {
            if (document.testform.testselect.options[i].value.indexOf(f.value) == 0)
            {
                document.testform.testselect.selectedIndex = i;
                break;
            }
        }
    }

</script>
</head>
<body>
<br>
<form name="testform">
<input type="text" name="testinput" value="" onkeyup="test(this)">
<br>
    <select name="testselect" multiple style="width:100px;">
        <option value="1">1
        <option value="2">2
        <option value="3">3
        <option value="4">4
        <option value="5">5
        <option value="6">6
        <option value="7">7
        <option value="8">8
        <option value="9">9
        <option value="a">a
        <option value="aaa">aaa
        <option value="abcd">abcd
        <option value="b">b
        <option value="c">c
        <option value="d">d
        <option value="e">e
    </select>
</form>
<br>
</body>
</html>

ik heb ook nog wel een scriptje liggen die op basis van een aantal letters de dropdown vult met die beginletters die je ingevuld hebt, maar da's wat uitgebreider.

PS. niet klagen over het scriptje hierboven dat de javascript niet mooi is, want was 1 van m'n eerste scriptjes ooit

[ Voor 8% gewijzigd door reddevil op 05-10-2006 12:20 ]

donderdag 5 oktober 2006 12:21

Acties:

djluc

Bedoel je niet zo'n ding: http://demo.script.aculo.us/ajax/autocompleter

donderdag 5 oktober 2006 13:07

Acties:

giMoz

iets met meester...

Verwijderd schreef op donderdag 05 oktober 2006 @ 11:42:
.
Nu zit ik een beetje te rommelen maar nu merk nu ik als in de pop up box van de modal box een post box met een zoek code invoer hij een nieuwe pagina opend

Nu is mijn vraag of dit probleem te omzeilen is. Als dit niet mogelijk is weten jullie dan een andere oplossing voor mijn probleem

in de head van de modalbox het simpele zinnetje:

code:

1	<base target="_self">

is de oplossing voor al je problemen
simpel maar net ff lastig te vinden.

(Let wel : de modaldialog is IE only)

Of niet natuurlijk...

donderdag 5 oktober 2006 13:29

Acties:

Verwijderd

Topicstarter

in de head van de modalbox het simpele zinnetje:
code:
1
<base target="_self">
is de oplossing voor al je problemen
simpel maar net ff lastig te vinden.

(Let wel : de modaldialog is IE only)

Inderdaad het werkt dankjewel