[Javascript] voor dummies - Deel 2 | Digital Corner (DIG)

dinsdag 10 mei 2005 @ 10:52:36 #61

Darkomen

Ik weet niet of het een vraag voor dummies is maar we proberne het gewoon

Ik gebruik het onderstaande stukje code om een selectbox te vullen, werkt prima,.
maar nu wil ik dat als data[i] een bepaalde waarde heeft dat hij deze optie automatisch selecteerd.
hoe kan ik dit doen?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

      selectfield.options.length = 1;

     //     // add description on top of the new entries
      //    selectfield.options[0] = new Option('Select ('+type+')', '');
      j=0;
         for (var i=0; i < data.length; i++)
         {
            if (data[i] == 'RETURN')
            {
              return true;
            }
            selectfield.options[j] = new Option(data[i], data[i]);
           j++;
         }

         return true;
       }
   </script>";

† In Memoriam † dinsdag 10 mei 2005 @ 12:01:33 #62

pc-fr34k

"Internet=Telepathie"

Een option selecteren doe je zo:
document.formnaam.listboxnaam.selectedIndex = getal welke option je wilt selecteren;

_{Het getal begin bij 0, zoals alles in javascript, de eerste option is dus 0}

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

dinsdag 10 mei 2005 @ 12:26:09 #63

Darkomen

Es proberen, kom er wel uit denk ik.

dinsdag 10 mei 2005 @ 13:17:24 #64

Darkomen

mzz....

document.profile.type.selectedIndex = '8';
document.getElementById('type').selectedIndex = 8;
ikheb ook geprobeerd om de value in te vullen, maar zelfs geen javascript error... wazig

Beide werken niet bij mij

dinsdag 10 mei 2005 @ 14:14:10 #65

SuperRembo

Sinds 1998

Je kan de option zelf toch op selected zetten

1	selectfield.options[j].selected = true;

† In Memoriam † dinsdag 10 mei 2005 @ 14:26:37 #66

pc-fr34k

"Internet=Telepathie"

quote:
Op dinsdag 10 mei 2005 13:17 schreef Darkomen het volgende:
mzz....

document.profile.type.selectedIndex = '8';
document.getElementById('type').selectedIndex = 8;
ikheb ook geprobeerd om de value in te vullen, maar zelfs geen javascript error... wazig

Beide werken niet bij mij

Bestaat het 8e item wel? dan krijg je namelijk geen error maar hij zet hem er ook niet op..

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

dinsdag 10 mei 2005 @ 14:32:05 #67

Darkomen

quote:
Op dinsdag 10 mei 2005 14:14 schreef SuperRembo het volgende:
Je kan de option zelf toch op selected zetten
[ code verwijderd ]

Kijk dit is hem!

if(data[i]=='GRX')
{
selectfield.options[j].selected = true;
}

Dat grx kan alles zijn, ligt eraan wat er opgegeven word door mn php script.

TNX

De option 8 bestond zeker wel

dinsdag 10 mei 2005 @ 19:32:21 #68

SuperRembo

Sinds 1998

Bij dat soort problemen is het vaak handig om XulPlanet of MSDN na te kijken wat voor properties de objecten hebben.

dinsdag 10 mei 2005 @ 19:49:28 #69

ikke_ook

Javascriptkit is ook wel een goede voor properties, hij is iets minder uitgebreid dus misschien overzichtelijker/makkelijker voor dummies

_{Wat doe jij voor werk Superrembo dat je dit allemaal weet?Of is het een enorm uit de hand gelopen hobby?}

Vogelaars.nl

dinsdag 10 mei 2005 @ 21:09:45 #70

SuperRembo

Sinds 1998

quote:
Op dinsdag 10 mei 2005 19:49 schreef ikke_ook het volgende:
_{Wat doe jij voor werk Superrembo dat je dit allemaal weet?Of is het een enorm uit de hand gelopen hobby?}

Devver in hoofdzakelijk VB.NET en MS SqlServer. PHP, MySql, JavaScript, CSS, (X)HTML, etc. is voornamelijk hobby.
Veel in manuals rondneuzen en niet te veel vergeten.

donderdag 12 mei 2005 @ 18:56:16 #71

Darkomen

.

[ Bericht 99% gewijzigd door Darkomen op 13-05-2005 13:22:50 ]

vrijdag 13 mei 2005 @ 19:39:19 #72

Chandler

Ik zit met de volgende vraag,

Reeds heb ik een bestel formulier die is opgebouwd dmv een tabel, en deze tabel wordt steeds verder vergroot naarmate de klant keuzes maakt. Nu wil ik eingelijk ieder product in een array zetten zodat wanneer de gebruiker een keuze maakt in de array gekeken wordt ofdat deze bestaat.

Makkelijk lijkt dat, maar in werkelijkheid is dat niet zo gemakkelijk.

Ik heb reeds een voorbeeld (screenshot) gemaakt van een gedeelte van de producten die mijn opdracht gever aanbied, (opdracht gever is een vriend) en wil dit het liefst verwerken in een javascript array om het dan aan de gebruiker per stap te laten zien.

Voorbeeld: http://upload.bruggema.nl/index.php?i=v&ip=1380547918&name=productsenzo.JPG

Stel een gebruiker klikt op pantalon, en krijgt dan gelijk een vraag wat voor pantalon dat moet zijn. De keuzes zijn dan bandplooi of recht model. Wanneer hij de bandplooi kiest zijn de mogelijkheden (2e keuze) 1,2,3,4 plooien daarna is de keuze voor (3e keuze)met of zonder omslag, dit is tevens de 2e keuze van wanneer de gebruiker kiest voor een rechtmodel.

Hopend opdat jullie begrijpen wat ik bedoel..

Ideeen, comments, etc alles is welkom.

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zaterdag 14 mei 2005 @ 22:15:09 #73

markiemark

FR 1908

nog maar een keertje!

quote:
Op dinsdag 3 mei 2005 17:31 schreef markiemark het volgende:
hmmz vorige probleem vind ik nog even niet zo belangrijk.. het volgende probleem wel..

ik wil zoiets maken als op de volgende link: http://www.dpreview.com/reviews/sidebyside.asp

maar dan met buttons er bij voor 'move up' en 'move down'.. kent iemand zo'n script? want ik weet echt niet hoe ik dat zou moeten maken!

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

† In Memoriam † zaterdag 14 mei 2005 @ 22:24:25 #74

pc-fr34k

"Internet=Telepathie"

quote:
Op zaterdag 14 mei 2005 22:15 schreef markiemark het volgende:
nog maar een keertje!
[..]

Klinkt interessant om uit te vogelen, ik ga eventjes logisch nadenken en wat testen, je hoord wel of het lukt.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

† In Memoriam † zaterdag 14 mei 2005 @ 22:59:30 #75

pc-fr34k

"Internet=Telepathie"

Ok, ik kon eventjes niet logisch nadenken hoe ik de plaats kon veranderen van het object, dus ik toch maar even googlen, kom ik hier op uit. Groot script met allemaal variablen

Toen bedacht ik me ineens dat het helemaal niet nodig is om de option zelf te verplaatsen, je wisseld gewoon de value en de innerHTML van 2 objecten.

Werkt eigenlijk hetzelfde, waarschijnlijk werk ik weer heel omslachtig zoals ik wel vaker doe, maar dan mag iemand me wel verbeteren...
_Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

_HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<form name="form">
   <select name="listbox" size="10">
      <option value="blaat" selected="selected">blaat</option>
      <option value="lol">lol</option>
      <option value="whehehe">whehehe</option>
      <option value="omg">omg</option>
      <option value="rofl">rofl</option>
      <option value="porn">porn</option>
      <option value="dude">dude</option>
      <option value="abc">abc</option>
      <option value="tubgirl">tubgirl</option>
      <option value="fok">fok</option>
   </select>
   <input type="button" value="UP" onclick="up()" /><input type="button" value="DOWN" onclick="down()" />
</form>

Gewoon wat random teksten in de options.

Getest en het werkt, als je uitleg nodig hebt met het script vraag je het amar.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zondag 15 mei 2005 @ 00:12:13 #76

markiemark

FR 1908

om nog even terug te komen op mijn probleemprje met het script, ik heb iets gevonden wat aardig in de buurt komt
http://javascript.internet.com/forms/list-organizer.html
zoiets, alleen deze werkt niet helemaal ok zoals jullie misschien wel zullen merken..

is dit makkelijk op te lossen? weet iemand een beter script?

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zondag 15 mei 2005 @ 00:53:38 #77

markiemark

FR 1908

laat maar het is me al gelukt! thnx all

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

zondag 15 mei 2005 @ 10:50:29 #78

Chandler

Ik heb nu reeds een database opgebouwd door arrays in js te gebruiken.

een vb.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

var prod = new Array();
var txt  = new Array();
var arr  = new Array();

prod[1] = new Array("Pantalon", 1);
prod[2] = new Array("Colbert" , 5);
prod[3] = new Array("Vest"    , 9);
prod[4] = new Array("Shirt"   , 10);



txt[1] = "Model:";
arr[1] = new Array("Bandplooi" , 2,
                   "Rechtmodel", 3);

txt[2] = "Plooien:";
arr[2] = new Array("1 Plooi"  , 3,
                   "2 Plooien", 3,
                   "3 Plooien", 3);

txt[4] = "Omslag:";
arr[3] = new Array("Met omslag"   , 4,
                   "Zonder omslag", 4);

Alleen nu weet ik nog niet hoe ik dit mooi werkend kan krijgen, iemand nog verdere suggesties!?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

† In Memoriam † zondag 15 mei 2005 @ 16:44:39 #79

pc-fr34k

"Internet=Telepathie"

quote:
Op zondag 15 mei 2005 00:53 schreef markiemark het volgende:
laat maar het is me al gelukt! thnx all

Dat script doet hetzelfde al de mijne alleen doet de mijne het imo beter... Bij die je hebt gevonden moet je als je hem 2 keer naar beneden wilt hem opnieuw selecteren...

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zondag 15 mei 2005 @ 18:22:34 #80

markiemark

FR 1908

ja klopt, maar ik heb een nieuw script die doet het wel heel goed... probeer maar!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107

<?php
if (isset($_POST['change_order']))
   {
      echo count($_POST['selectie']);
      $opties =  $_POST['selectie'];
      for($i=0; $i<count($opties); $i++)
         {
            echo $opties[$i];
         }
   }
else
   {
?>

<script language="javascript" type="text/javascript">
function selectAll()
{
   for(i=0; i<document.form1.selectie.options.length; i++)
   {
      document.form1.selectie.options[i].selected = true;
   }
}

function moveUpList() {
   var listField = document.form1.selectie;
   if ( listField.length == -1) {  // If the list is empty
      alert("There are no values which can be moved!");
   } else {
      var selected = listField.selectedIndex;
      if (selected == -1) {
         alert("You must select an entry to be moved!");
      } else {  // Something is selected
         if ( listField.length == 0 ) {  // If there's only one in the list
            alert("There is only one entry!\nThe one entry will remain in place.");
         } else {  // There's more than one in the list, rearrange the list order
            if ( selected == 0 ) {
               alert("The first entry in the list cannot be moved up.");
            } else {
               // Get the text/value of the one directly above the hightlighted entry as
               // well as the highlighted entry; then flip them
               var moveText1 = listField[selected-1].text;
               var moveText2 = listField[selected].text;
               var moveValue1 = listField[selected-1].value;
               var moveValue2 = listField[selected].value;
               listField[selected].text = moveText1;
               listField[selected].value = moveValue1;
               listField[selected-1].text = moveText2;
               listField[selected-1].value = moveValue2;
               listField.selectedIndex = selected-1; // Select the one that was selected before
            }  // Ends the check for selecting one which can be moved
         }  // Ends the check for there only being one in the list to begin with
      }  // Ends the check for there being something selected
   }  // Ends the check for there being none in the list
}

function moveDownList() {
   var listField = document.form1.selectie;
  if ( listField.length == -1) {  // If the list is empty
      alert("There are no values which can be moved!");
   } else {
      var selected = listField.selectedIndex;
      if (selected == -1) {
         alert("You must select an entry to be moved!");
      } else {  // Something is selected
         if ( listField.length == 0 ) {  // If there's only one in the list
            alert("There is only one entry!\nThe one entry will remain in place.");
         } else {  // There's more than one in the list, rearrange the list order
            if ( selected == listField.length-1 ) {
               alert("The last entry in the list cannot be moved down.");
            } else {
               // Get the text/value of the one directly below the hightlighted entry as
               // well as the highlighted entry; then flip them
               var moveText1 = listField[selected+1].text;
               var moveText2 = listField[selected].text;
               var moveValue1 = listField[selected+1].value;
               var moveValue2 = listField[selected].value;
               listField[selected].text = moveText1;
               listField[selected].value = moveValue1;
               listField[selected+1].text = moveText2;
               listField[selected+1].value = moveValue2;
               listField.selectedIndex = selected+1; // Select the one that was selected before
            }  // Ends the check for selecting one which can be moved
         }  // Ends the check for there only being one in the list to begin with
      }  // Ends the check for there being something selected
   }  // Ends the check for there being none in the list
}
</script>
<form name="form1" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
  <select name="selectie[]" size="4" id="selectie" multiple>
    <option value="fey">feyenoord</option>
    <option value="aja">ajax</option>
    <option value="psv">psv</option>
  </select>
  <input type="button" name="up" value="up" onClick="javascript: return moveUpList();">
  <input type="button" name="down" value="down" onClick="javascript: return moveDownList();">


  <input type="hidden" name="change_order" value="1">
  <input type="submit" name="submit" value="Verstuur" onClick="javascript: selectAll();">
  <br>
  <br>
</form>
<?php
}
?>

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

† In Memoriam † zondag 15 mei 2005 @ 20:27:35 #81

pc-fr34k

"Internet=Telepathie"

Hetzelfde als wat ik deed maar dan met een errorcheck dus.

Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/

zondag 15 mei 2005 @ 22:06:37 #82

ikke_ook

Ik ben op zoek naar een horizontaal dropmenu, nu heb ik al wel vanalles gevonden met google, maar ik snap ze niet echt omdat er allerlei mogelijkheden ingebouwd zitten waardoor het heel veel code is.
Ik wil gewoon een simpele hebben die je meerdere keren kunt uitklappen, dus waarbij ieder menuonderdeel weer bestaat uit meerdere kleine menuutjes die dan weer verticaal worden weergegeven.

Heeft iemand hier een mooi klein scriptje voor, of een goede uitleg hoe ik zoiets zelf maak?
bedankt

Vogelaars.nl

dinsdag 17 mei 2005 @ 11:47:45 #83

Chandler

Nu zit ik het met het volgende, ik heb reeds een werkende versie van mijn producten tree.

Nou heb ik 2 type maten, een van het lichaam en een van standaard producten.

<input type="radio" name="maat" value="user">
<input type="radio" name="maat" value="confectie">

Hoe kan ik uitlezen welke maat is gekozen? user of confectie? dit is mij tot op heden nog niet gelukt en kan op het internet ook niet echt een stukje code vinden waar dit mee uit te lezen is.

Alvast bedankt!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 17 mei 2005 @ 13:44:32 #84

ikke_ook

Zoiets?

Vogelaars.nl

dinsdag 17 mei 2005 @ 16:01:16 #85

Chandler

Werkte helaas niet maar daarna vond ik dit, dat wel werkt!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<SCRIPT LANGUAGE="JAVASCRIPT">

</SCRIPT>

<FORM NAME="orderform">
Which one is your favorite?<BR>
<INPUT TYPE="RADIO" NAME="music" VALUE="Rock" CHECKED> Rock<BR>
<INPUT TYPE="RADIO" NAME="music" VALUE="Reggae"> Reggae<BR>
<INPUT TYPE="RADIO" NAME="music" VALUE="Pop"> Pop<BR>
<INPUT TYPE="RADIO" NAME="music" VALUE="Rap"> Rap<BR>
<INPUT TYPE="RADIO" NAME="music" VALUE="Metal"> Metal<BR>
<INPUT TYPE="button" value="check" onclick="get_radio_value()">
</FORM>

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 17 mei 2005 @ 16:06:53 #86

ikke_ook

Lijkt toch wel heeeeel erg veel op wat er op die site staat hoor

1
2
3
4
5
6
7

-edit-
oh, ja ik zie nu dat het niet zo heel netjes is geprogrammeerd qua puntkomma's en accolades, maar het principe is t zelfde

Vogelaars.nl

FOK!-Schrikkelbaas donderdag 19 mei 2005 @ 10:49:40 #87

Swetsenegger

Egocentrische Narcist

Hoe kan ik met javascript een object sluiten?

-edit- even wat uitgebreider.
Er moet een overlay flash banner komen (ja zeg maar niets).
Dat is geen probleem, maar het is wel leuk wanneer je zo'n ding ook kan sluiten.
In de flash kan je met de uitknop gewoon een javascript functie aanroepen, maar ik sluit steeds het volledige browserscherm ipv alleen de overlay flash