[Javascript] voor dummies - Deel 1

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_24795578
quote:
Op vrijdag 28 januari 2005 11:36 schreef Chandler het volgende:
tnx daReaper en RM-rf , nog een klein vraagje. Weten jullie welke font standaard op eingelijk alle windows/unix systemen te vinden zijn? en gebruikt kunnen worden voor internet toepassingen (web? etc?)
Als je als laatste element in de font-family, ofwel serif, danwel sans-serif geeft, werkt het op zich in elke browser natuurlijk (serif, zijn lettertypen met een aanhangseltje aan de pootjes van de letters)
pi_24795591
quote:
Op vrijdag 28 januari 2005 10:25 schreef Swetsenegger het volgende:
Javascript helden, wederom een kleine vraag van mijn kant.

Ik heb een form met meerdere invulvelden en meerdere submits.
Nu wil ik bij bepaalde invoervelden de focus op een specifieke submit button krijgen.

Ik heb iets over focus() gelezen, maar hoe doe ik dit precies? Moet ik de invulvelden een ID meegeven of iets dergelijks?

misschien ter verduidelijking.
Wanneer ik een term in een bepaald veld invul, moet bij een enter niet submitknop 1 actief zijn, maar submitknop 2.
1
2
3
4
5
6		<form>
<input type="submit" id="nummer1">
<input type="text" onblur="document.getElementById('nummer1').focus()">
<input type="text" onblur="document.getElementById('nummer2').focus()">
<input type="submit" id="nummer2">
</form>


Probeer dat maar Dus een unieke ID aan de submit knoppen, en dan focussen als de input geblurd ( O_O ) wordt..
Waar zijn aanbiedingen?
pi_24795636
quote:
Op vrijdag 28 januari 2005 12:04 schreef Arjan321 het volgende:

[..]
[ code verwijderd ]

Probeer dat maar Dus een unieke ID aan de submit knoppen, en dan focussen als de input geblurd ( O_O ) wordt..
Gebruik dan de crossbrowser versie:

1
2
3
4
5
6		<form>
<input type="submit" id="nummer1" name="submit1" />
<input type="text" onblur="this.form.submit1.focus();" />
<input type="text" onblur="this.form.submit2.focus();" />
<input type="submit" id="nummer2" name="submit2" />
</form>
pi_24795984
quote:
Op vrijdag 28 januari 2005 12:03 schreef Roönaän het volgende:

[..]

Als je als laatste element in de font-family, ofwel serif, danwel sans-serif geeft, werkt het op zich in elke browser natuurlijk (serif, zijn lettertypen met een aanhangseltje aan de pootjes van de letters)
Nee dat bedoel ik niet geheel, meer in de zin welke font's wel of niet aanwezig zijn op de meeste systemen.

Ik heb nu in mijn javascriptje de volgende mogelijkheden.

1
2
3
4		    var fonts = new Array("Arial",
                          "Helvetica",
                          "Times New Roman",
                          "Verdana");


Maar zijn er meer mogelijkheden?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  FOK!-Schrikkelbaas vrijdag 28 januari 2005 @ 12:36:27 #105
1972 Swetsenegger
Egocentrische Narcist
pi_24796284
Roonaan en Arjan321 bedankt.

Jullie oplossingen werken, wanneer ik met een tab verspring bv. maar wanneer ik wat in het veld invul en 'enter' druk wordt nog steeds submit knop 1 gebruikt ipv submitknop 2.
 | FOK! Schrikkelbaasch
pi_24796999
Je kan nog op zich onkeypress="this.onchange();" toevoegen.
  FOK!-Schrikkelbaas vrijdag 28 januari 2005 @ 13:16:19 #107
1972 Swetsenegger
Egocentrische Narcist
pi_24797031
quote:
Op vrijdag 28 januari 2005 13:14 schreef Roönaän het volgende:
Je kan nog op zich onkeypress="this.onchange();" toevoegen.
Bedankt!
 | FOK! Schrikkelbaasch
pi_24797349
quote:
Op vrijdag 28 januari 2005 12:06 schreef Roönaän het volgende:

[..]

Gebruik dan de crossbrowser versie:
[ code verwijderd ]
Het is crossbrowser.. het zal wellicht niet werken in de antieke browsers (versies <= 5), maar dat is niet mijn fout
Waar zijn aanbiedingen?
pi_24797750
Nu nog misschien een simpel vraagje, ik open m.b.v javascript nieuwe schermen en schrijf uit functies die ik in het hoofddocument heb de inhoud van deze schermen.. (venster.document.write('blaat'))

enzo... nu wil ik weten of het ook mogelijk is om vanuit het nieuwe scherm functies te benutten van onderliggende code? dus vanuit de opener? zo ja is er referentie materiaal? ik heb helaas niets kunnen vinden...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24797892
@Arjan321. "Niet mijn foutzorg". Het is altijd de webdevelopers' fout namelijk.

@Chandler: window.opener.functienaam();
pi_24797908
@Roonaan; dat het zo simpel kon zijn
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24798014
Roonaan Mijn kleine UBB Editor is aardig op weg naar een mini successie voor de ikke, mijn eerst geschreven UBB editor (zelf dan wel te verstaan hé ) met hulp van jullie experts!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24800394
nog steeds even dat van mn vorige post... over het optellen van waarden in een array, ik denk dat ik er aardig uit ben gekomen na de post van Arjan 321, maar het werkt nog steeds niet zoals ik zou willen... ik heb nu dit:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		function calc_totaal(prods)
   {
      var prods = eval(prods);
      var totaalArray = new Array(prods)
         
         for (var aantal=1; aantal<=prods; aantal++)
            {
               totaalArray[aantal] = document.getElementById('bedrag'+eval(aantal)).value;
            }
      
      var totaal = 0;
         for (var i = 0; i <= totaalArray.length; i++) 
            {
               totaal+= totaalArray[i];
            }
   }


maar dat wil niet werken, als ik hem echo met document.write, komt er een nogal vaag getal uit:

NaN1.999.990.89undefined

weet dat het iets te maken heeft met Not a number, maar wat....
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24812395
Ik heb even mijn UBB Editor door de w3c validation service heen gehaald en krijg wat kleine error m.b.t mijn javascript source!

Iemand die hier wat op weet?

nou even door de w3c validator heen gehaal en wat kleine foutjes er uit gehaald maar blijft zelfs op mijn javascript hangen

http://validator.w3.org/check?uri=http%3A%2F%2Fupload.bruggema.nl%2Ffiles%2Findex.html&charset=%28detect+automatically%29&doctype=%28detect+automatically%29

En ik heb wat anders.

Ik heb de volgende functie
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		function getSelected()
{
    theSelection = document.selection.createRange().text;

    if (!theSelection)
    {
         return false;
    }
    else if (document.selection.createRange().parentElement().tagName != 'TEXTAREA')
    {
         return false;
    }
    else
    {
        return theSelection;
    }
}


vervangen door

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		function getSelected()
{
    // http://www.quirksmode.org/js/selected.html
    if (window.getSelection)
    {
        return window.getSelection();
    }
    else if (document.getSelection)
    {
        return document.getSelection();
    }
    else if (document.selection)
    {
        return document.selection.createRange().text;
    }
    else return;
}


deze werkt beter met MOZILLA maar zit nu nog steeds met de volgende functie die problemen geeft.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		function insert(start, end)
{
    theSelection = getSelected();

    if (!theSelection)
    {
        document.forms[0].elements['text'].value += start + end;
    }
    else
    {
        document.selection.createRange().text = start + theSelection + end;
    }

    // document.forms[0].elements['text'].value += start + end; 
}


deze is echter alleen IE only en dit zou ook moeten kunnen werken in Mozilla (hoop ik, iemand een suggestie?)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24817188
Niemand een idee? ik kom er echt niet meer uit
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24821532
probleem heb ik ook.. en niemand reagaert...
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24822077
Zet je javascript in een externe file en de validator zeurt nergens mee over.

Heb je voor die selection al gekeken hoe 't bij de (ex-)buren werkt?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24822286
haha true true SuperRembo, maar nog niet de crossbrouwser oplossing ennuh ik ben daar niet gewenst b.t.w
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24822480
quote:
Op vrijdag 28 januari 2005 16:37 schreef markiemark het volgende:
nog steeds even dat van mn vorige post... over het optellen van waarden in een array, ik denk dat ik er aardig uit ben gekomen na de post van Arjan 321, maar het werkt nog steeds niet zoals ik zou willen... ik heb nu dit:
[ code verwijderd ]

maar dat wil niet werken, als ik hem echo met document.write, komt er een nogal vaag getal uit:

NaN1.999.990.89undefined

weet dat het iets te maken heeft met Not a number, maar wat....
Je eerste loop gaat van 1 t/m prod, je tweede loop gaat van 0 t/m prod.
Dat verklaart de eerste NaN.
Ik denk dat het laatse element niet bastaat en dat je daarom die laatste undefined krijgt.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24822580
quote:
Op zaterdag 29 januari 2005 21:19 schreef Chandler het volgende:
haha true true SuperRembo, maar nog niet de crossbrouwser oplossing ennuh ik ben daar niet gewenst b.t.w
Beetje vreemde error die je in je editor in FF krijgt.
"ShowPanel is undefinded" terwijl er toch echt een "function ShowPanel(...)" bestaat. Ik zie ook niet dat ie ergens overschreven wordt
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24822840
huh? hmm, ik had um nog niet in FF geprobeerd maaruh waardoor zou dat kunnen komen?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24823034
ps.. ik heb al wat foutjes gefixt, kwam door die (char) oftewel een reserved word...

1
2
3		Error: document.getElementById("fontSize") has no properties
Source File: http://localhost/littleeditor/editor#
Line: 156


en lijn 156 =

1
2
3
4
5
6		<?php
156    if (document.getElementById('fontSize').value)
157    {
158        document.getElementById('previewFont').style.fontSize   = document.getElementById('fontSize').value + "pt";
159    }
?>
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24823156
ik heb nog even zitten proberen, en zitten nadenken en zo... maar mijn optel som werkt nog steeds niet... volgens mij heb ik de array niet eens nodig, en kan ik het af met de for loop, ik doe het nu dus op de volgende manier, maar werken ho maar... :(

1
2
3
4
5
6
7
8
9
10
11		function calc_totaal(prods)
   {
      var prods = eval(prods);
      var totaal = eval(0);
         for (var i=1; i<=prods; i++) 
            {
               totaal += eval(document.getElementById('bedrag'+prods).value);
            }
   document.write(totaal);

   }   


hij write een heel vaag cijfer op het scherm wat nergens op slaat... iemand een idee
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24823274
waarom eval? eval is toch te gebruiken om code te compileren? gewoon zonder eval moet het werken!.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24823288
Vervang "prods" door "i" op regel 7.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24823978
idd wat een simpele eingelijk
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24832197
quote:
Op zaterdag 29 januari 2005 22:42 schreef Chandler het volgende:
idd wat een simpele eingelijk
ja idd, het werkt nu, TE simpel eigenlijk....
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24833628
ach zo leer je weer hé..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24833794
Weet iemand hoe ik een gedeelte van een string kan verwijderen (tegebruiken voor CUT), ik heb copy en paste reeds werkend voor IE & Moz (bestaande source )
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24834072
weet iemand hoe ik goed kan afronden? ik doe het nu zo, maar dat gaat niet... ik blijf lange getallen houden... (1.29999999999) ipv 1.29
ik doe het nu hier mee
1var totaal = eval((totaal * 100) / 100);
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24834091
round()?
pi_24834136
markiemark toch , dat had je zelfs uit de referentie kunne halen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24834199
is het round? weet wel dat ie in php werkt, maar ik zocht in mn digitale gedo... kochte php bible (stond op cdtje bij het boek ;-) en daar vond ik niks met round, neem aan dat ie hetzelfde werkt als bij php? ik probeer even
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_24834243
van proberen doe je leren
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24835220
quote:
Op zondag 30 januari 2005 15:36 schreef Chandler het volgende:
Weet iemand hoe ik een gedeelte van een string kan verwijderen (tegebruiken voor CUT), ik heb copy en paste reeds werkend voor IE & Moz (bestaande source )
s = s.substring(0, index) + s.substring(index+length, s.length);

toch?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24835390
dan doel je met index op de begin pointer?

ik wil met getSelection(); de text ophalen en deze verwijderen, zoals in php mogelijk is met str_replace(van, naar, $str);

The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24835998
str = str.replace(/De tekst/g, 'vervanging');
pi_24837613
1
2
3		    var str = document.forms['textform'].elements['text'].value;
    str.replace('/' + getSelected() + '/g', 'ttt');
    document.forms['textform'].elements['text'].value = str;    


dit werkt helaas niet krijg ook geen foutmelding en ttt is als voorbeeld..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24838382
String.replace lijkt me hier niet geschikt. Als de tekst die je geselecteerd hebt meerdere keren voorkomt, dan gaat het mis.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_24838805
idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd en dat is ook niet zo gemakkelijk
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24846412
quote:
Op zondag 30 januari 2005 20:39 schreef Chandler het volgende:
idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd en dat is ook niet zo gemakkelijk
Moet je heel even quietguy aanschieten, daar had ik soortgelijks een tijd terug voor uitgezocht, weet alleen niet meer waar, en de search is niet al te behulpzaam moet ik zeggen..
pi_24846751
quote:
Op zondag 30 januari 2005 16:02 schreef markiemark het volgende:
is het round? weet wel dat ie in php werkt, maar ik zocht in mn digitale gedo... kochte php bible (stond op cdtje bij het boek ;-) en daar vond ik niks met round, neem aan dat ie hetzelfde werkt als bij php? ik probeer even
ehm, php en javascript hebben niks met elkaar gemeen, vergeet dat alsjeblieft.

javascript (officieel ECMA-script, naar de ECMA-262-standaard: http://www.ecma-internati(...)ecma-st/ECMA-262.pdf ) is een object-georienteerde taal :
hierin kan je werken met verschillende objecten, neem bv het standard Date-object, of in jouw geval het Math-object:
methoden als Math.round() of Math.ceil() bieden je de mogelijkheid om af te ronden, eventueel kun je echter ook in dit geval parseFloat( intergerVariabele, 2) gebruiken.
"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25
pi_24847307
quote:
Op maandag 31 januari 2005 10:14 schreef RM-rf het volgende:

[..]

ehm, php en javascript hebben niks met elkaar gemeen, vergeet dat alsjeblieft.
ik begrijp wat je bedoeld, wat ik probeerde te zeggen was dat php en javascript e.e.a. gemeen hebben, in ieder geval zijn er een aantal functies gelijk aan elkaar (of bijna dan.. ) Maar met Math.round ben ik er wel uit gekomen!
Ik ben pas net begonnen met javascript en het lukt me al aardig om er wat dingetjes mee te maken, ik kwam er achter dat een aantal functies van JS hetzelfde werken als de functies bij PHP, vandaar.
Maar in ieder geval bedankt voor je antwoord! Ik ga de andere optie ook proberen.. Maakt het nog veel uit voor de performance?

[ Bericht 0% gewijzigd door markiemark op 31-01-2005 11:11:35 ]
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
  maandag 31 januari 2005 @ 11:56:01 #144
42782 QuietGuy
opscheppende pats-nerd
pi_24848176
quote:
Op zondag 30 januari 2005 20:39 schreef Chandler het volgende:
idd daar heb je gelijk... maar dan moet ik uitvinden waar selected text begint en eindigd en dat is ook niet zo gemakkelijk
In een textarea? Zie Firefox en getSelection() uit <textarea> ?!?
pi_24848452
Tnx Q (en natuurlijk Roonaan!)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24848831
Zo simpel, maar ik kijk er vast overheen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14		<div><input checked="checked" type="checkbox" name="cookie" 
  onclick="document.getElementById('autologout').style.display=this.checked?'visible':'blocked';"/>
  <span>Inloggen met een cookie</span>
</div>
<div id="autologout">Automatisch uitloggen na 
  <select name="logintime">
    <option value="10">10 minuten</option>
    <option value="30">30 minuten</option>
    <option value="60">een uur</option>
    <option value="360">een dag</option>
    <option value="10080">een week</option>
     <option value="0">nooit</option>            
  </select>
 </div>


ik krijg in IE de error "kan de eigenschap display niet opvragen. Ongeldig argument"
iemand enig idee? Ik weet vrij zeker dat het echt een hele stomme fout is...
Trotse poster van het 37000000ste bericht ^O^
pi_24848918
quote:
Op maandag 31 januari 2005 12:42 schreef daReaper het volgende:
Zo simpel, maar ik kijk er vast overheen:
[ code verwijderd ]

ik krijg in IE de error "kan de eigenschap display niet opvragen. Ongeldig argument"
iemand enig idee? Ik weet vrij zeker dat het echt een hele stomme fout is...
1'visible':'blocked'


hoe kom ik er op

1'block':'none'
natuurlijk!!!

* daReaper slaps self
Trotse poster van het 37000000ste bericht ^O^
pi_24849651
[edit]
Laat maar, niet goed gelezen.
pi_24860257
ff snel.

ik heb de volgende code maar als er niets in ingevuld is in de pulldown krijg ik hierop een error

1
2
3
4
5		    if (document.getElementById('fontSize'))
    {
        document.getElementById('previewFont').style.fontSize   = 
        document.getElementById('fontSize').value + "pt";
    }


iemand een idee
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_24860433
FF is vrij specifiek in zijn foutmeldingen. Welke regel?
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 1
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')