[Javascript] voor dummies - deel 3

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_33057172
Is het script alleen voor eigen gebruik dat je IE7 kan eisen?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_33058405
quote:
Op dinsdag 13 december 2005 22:34 schreef SuperRembo het volgende:
Is het script alleen voor eigen gebruik dat je IE7 kan eisen?
Ik eis niets.

Ik ga alleen geen workarounds schrijven aangezien die later vooral problemen kunnen opleveren dit is niet alleen voor IE hoor, heb ooit een div-workaround voor Firefox geschreven aangezien deze niet goed kon omgaan met events en overlappende layers. Paar maanden later had het team achter Firefox deze bug gefixed, met als gevolg dat de workaround niet meer werkte en de navigatie verklooide.

Gebruikers van IE6 moeten dus maar met die paar extra KB (die overigens toch niet wordt vrijgegeven gedurende het bezoek aan een pagina!) aan geheugengebruik leren leven. Dan schrijf ik liever code die klopt dan dat ik via een closure prototype alléén voor IE6 moet zorgen dat de boel netjes wordt afgevangen.
pi_33107439
Volgens mij een simpel vraagje (zo simpel dat gooogle me ook kan helpen )

Ik gebruik dit bij een banner om een bepaalde link te openen
1<div id="extraDiv3" onclick="document.location.href='index.php?id=49'"></div>

Hoe open ik de link in een nieuw venster?
  donderdag 15 december 2005 @ 17:38:36 #46
32768 DionysuZ
Respect my authority!
pi_33107480
window.open?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_33107808
quote:
Op donderdag 15 december 2005 17:38 schreef DionysuZ het volgende:
window.open?
dank, gelukt (met behulp van google
  vrijdag 16 december 2005 @ 20:00:20 #48
45532 ziggyziggyziggy
wisselwachter, vlaggenzwaaier
pi_33143259
Hoe kan ik geselecteerde tekst in een <input> deselecteren?

Context:
Ik ben een beetje aan het spelen met Ajax en heb voor een toekomstig projectje een imdb-titelvinder gemaakt op http://www.ziggyziggyziggy.nl/ajaxtest/imdb.html. Als je een imdb-nummer invoert in het eerste veld en tab doet, zoekt hij de titel en het jaartal erbij d.m.v. het opvragen van de bijbehorende imdb-pagina. Als je je cursor dan in het eerste veld zet en je doet weer tab, wordt de tekst in het titelveld geselecteerd en dat wil ik niet. Da's lelijk. onFocus="self.blur" werkt niet.
Mine is the last voice you'll ever hear. Don't be alarmed.
pi_33143891
Waarom gebruik je een input box als je het gedrag van een input box niet wil?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 16 december 2005 @ 21:58:35 #50
45532 ziggyziggyziggy
wisselwachter, vlaggenzwaaier
pi_33146323
quote:
Op vrijdag 16 december 2005 20:22 schreef SuperRembo het volgende:
Waarom gebruik je een input box als je het gedrag van een input box niet wil?
Da's een hele goede vraag en met jouw andere kijk hierop zou ik mijn probleem kunnen oplossen... ware het niet dat ik die input later weer nodig ga hebben om de titel en jaartal in een eigen database te kunnen stoppen. En dat is weer het handigst met een form.

[edit]Dat kan natuurlijk ook met een hidden input, waarnaast ik de titel in een niet-input-vorm toon[/edit]
Mine is the last voice you'll ever hear. Don't be alarmed.
pi_33351690
Als ik een <a>-tag middels javascript toevoeg zonder href-attribuut geeft dit hetzelfde effect als dat je het direct als html zou presenteren: de tekst tussen <a> en </a> wordt géén link.

Nu is het zo dat als je iets dergelijks als dit uitvoert:

link.href = '#';

Je dan een link maakt van alles binnen die <a>-tag. Echter wil dit:

link.href = '';

De link weer niet verwijderen (als in, het wordt niet meer klikbaar). Is hier een andere methode voor?
  zaterdag 24 december 2005 @ 13:52:19 #52
32768 DionysuZ
Respect my authority!
pi_33369000
ik heb een klein probleempje. Ik heb een div met een bepaalde vaste hoogte, en de grootte van de inhoud varieert. Nu wil ik geen scrollbars omdat ik een custom scrollbar aangeleverd heb gekregen, dus css, overflow:hidden, werkt dan goed. Scrollen met die custom scrollbar werkt dan ook gewoon goed. Maar met de scrollwheel kan ik uiteraard niet scrollen. Is hier een javascript oplossing voor of een manier om met overflow:auto de scrollbalken onzichtbaar te maken?

Ik hou niet zo van custom scrollbars maar goed de klant is koning he.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_33371912
Custom scrollbars zijn idd meestal zwaar irritant.

Je kunt het onscroll event gebruiken. Zie ook de Event compatibility tables bij quirksmode.org.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zaterdag 24 december 2005 @ 15:45:13 #54
32768 DionysuZ
Respect my authority!
pi_33372016
quote:
Op zaterdag 24 december 2005 15:40 schreef SuperRembo het volgende:
Custom scrollbars zijn idd meestal zwaar irritant.
Mja ik heb er keer op keer op gehamerd dat custom scrollbars counter intuitive werken. Eerst wilde hij dat ding ook nog aan de linkerkant, helemaal tegen de intuitie in. Helaas mocht het niet baten en kan ik toch zo'n ding gaan implementeren
quote:
Je kunt het onscroll event gebruiken. Zie ook de Event compatibility tables bij quirksmode.org.
tnx
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  zaterdag 24 december 2005 @ 17:15:05 #55
32768 DionysuZ
Respect my authority!
pi_33374242
ben ik weer overigens het onscroll event werkt niet, aangezien er bij overflow:hidden niks te scrollen valt
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  zaterdag 24 december 2005 @ 17:57:36 #56
69357 R-Mon
jong en dynamisch
pi_33375489
quote:
Op vrijdag 23 december 2005 19:29 schreef JeRa het volgende:
Als ik een <a>-tag middels javascript toevoeg zonder href-attribuut geeft dit hetzelfde effect als dat je het direct als html zou presenteren: de tekst tussen <a> en </a> wordt géén link.

Nu is het zo dat als je iets dergelijks als dit uitvoert:

link.href = '#';

Je dan een link maakt van alles binnen die <a>-tag. Echter wil dit:

link.href = '';

De link weer niet verwijderen (als in, het wordt niet meer klikbaar). Is hier een andere methode voor?
link.removeAttribute('href');
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
pi_33392517
Vraagje aan de professionals.

Is er een simpele manier om bv van een bestand te achterhalen of het een plaatje is? ik heb een functie waar ik de naam in plaats

1
2
3
4
5		function scripttest(filename)
{
    // array met imageformaten
   // if filename is een 'image'(lees uit image formaten) dan...
}


nu zat ik zelf te denken aan het uitzoeken van een (puntje) en dan de laatste letters filteren... maar ik kan niet meer achterhalen hoe ik dat moet doen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33392744
1
2
3		if (filename.match(/\.(gif|jpe?g|png)$/)) {
    // Het is een gif, jpg, jpeg of png
}


[ Bericht 2% gewijzigd door SuperRembo op 25-12-2005 14:04:03 (haakje vergeten) ]
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_33392871
Het kon dus nog makkelijker

Ik had zelf even wat meer tijd genomen en verder gespeeld met iets waar ik mee bezig was... ennuh toen kreeg ik dit...

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		<script language="javascript">

function test(filename)
{
    var ext = new Array();
    var f   = new Array();
    var fxt = "";
    var res = -1;

    ext[0] = "gif";
    ext[1] = "bmp";
    ext[2] = "jpg";
    ext[3] = "png";
    ext[4] = "jpeg";


    f   = filename.split('.');
    fxt = f[f.length-1];

    for (x = 0; x < ext.length; x++)
    {
        if (ext[x] == fxt)
        {
            res = x;
        }
    }

    if (res == -1)
    {
        alert("Image type NOT found");
    }
    else
    {
        alert("image type is found: " + fxt);
    }

}

test("erik.gif");
test("erik.txt");
test("erik.png");

</script>


maar zie dat het nog veel makkelijker kon
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33393211
quote:
Op zondag 25 december 2005 13:10 schreef SuperRembo het volgende:[ code verwijderd ]
Helaas werkt die niet
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33393915
Haakje vergeten, kan gebeuren.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_33395502
dan werkt ie nog niet, krijg een errortje ennuh ik zal het eens met " proberen, met ' werkt het iig niet.

1
2
3
4
5
6
7
8		    if (file.match("/\.(gif|jpe?g|png)$/")) 
    {
        document.writeln('    <td><a target="_blank" href="' + url + '&s=64">64</a>, <a target="_blank" href="' + url + '&s=128">128</a>, <a target="_blank" href="' + url + '&=256">256</a>, <a target="_blank" href="' + url + '&s=384">384</a>, <a target="_blank" href="' + url + '&s=512">512</a></td>');
    }
    else
    {
        document.writeln('    <td> </td>');
    }


werkt beiden niet geen error bij " maar dan vind ie nog niet juist uit! want laat   (etc) zien...
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33395519
quote:
Op zondag 25 december 2005 15:10 schreef Chandler het volgende:
dan werkt ie nog niet, krijg een errortje ennuh ik zal het eens met " proberen, met ' werkt het iig niet.
'een errortje'?
Tegenwoordig moet je Dr. Ir. zijn om een beetje correct Nederlands te kunnen neerpleuren.
Abusing semicolons since 1987.
pi_33395569
werkt ook niet... dat kon je lezen hé ow maar geen errortje b.t.w zal wel door de cache komen maaruh goed zie mijn toegevoegde code
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33655150
ik wil aan het eind van mijn code dat het venster gesloten wordt. dus een window.close

maar dan gewoon aan het eind, en niet onclick ofzo. hoe bouw ik zoiets?
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_33656592
Aan het einde van welke code?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_33657316
mijn html+php code
gewoon zodra mn pagina klaar is met laden wil ik dattie m afsluit.
As a rule, I never touch anything more sophisticated and delicate than myself.
  dinsdag 3 januari 2006 @ 13:43:46 #68
69357 R-Mon
jong en dynamisch
pi_33657786
window.onload = function() { window.close() }
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
pi_33695094
kan iemand mij helpen met het volgende. Ik open een popup uit een parent pagina. deze popup voert een mysql query uit. vervolgens sluit de gebruiker de popup. nu wil ik de parent window refreshen zodra de popup sluit, maar ik weet niet hoe ik dit moet doen.. iemand een idee?
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_33695135
<a href="linkje naar je page die gerefreshed moet worden" target="framenaam" onclick="javascript:window.close();">klik</a>

As a rule, I never touch anything more sophisticated and delicate than myself.
  woensdag 4 januari 2006 @ 16:01:38 #71
32768 DionysuZ
Respect my authority!
pi_33697282
in je popup:
<a href="#" onclick="opener.window.location.reload();self.close();return false;">Close</a>
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  woensdag 4 januari 2006 @ 16:05:13 #72
32768 DionysuZ
Respect my authority!
pi_33697437
maar misschien is het beter om

opener.window.location = opener.window.location

te gebruiken. Dan krijg je in sommige gevallen tenminste niet dat je browser je vraagt of je bepaalde vars opnieuw wilt posten.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_33697739
quote:
Op woensdag 4 januari 2006 16:01 schreef DionysuZ het volgende:
in je popup:
<a href="#" onclick="opener.window.location.reload();self.close();return false;">Close</a>
vooralsnog geen problemen hiermee! bedankt!
Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..
pi_33759117
ik heb een 2 submit buttons zonder form-tag. onclick doen ze niks dus.
ik wil in de <input> een onclick= zetten, met een normale link naar een url. geen window.open dus.

ik dacht aan:
<input type="submit" value="submit1" onclick="javascript:window.location('test.html');">

maar dat werkt dus niet.

kan iemand de fout er voor mij uit halen? met google vind k niks passends.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_33762892
Als je geen form-tags hebt moet je er ook geen submit-buttons van maken, maar gewoon een

<input type="button">

En verder is window.location géén functie maar een property/variabele. Daar moet je dingen aan toewijzen ipv. ze aan te roepen
pi_33763120
dus hoe moet ik hem dan gebruiken?
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_33763693
quote:
Op vrijdag 6 januari 2006 13:24 schreef Desdinova het volgende:
dus hoe moet ik hem dan gebruiken?
Zoals je het in bijna elke andere taal ook doet

window.location = 'http://www.gmta.nl/';
pi_33764033
quote:
Op vrijdag 6 januari 2006 13:38 schreef JeRa het volgende:

[..]

Zoals je het in bijna elke andere taal ook doet

window.location = 'http://www.gmta.nl/';
<input type="button" value="klik" onclick="window.location = 'http://www.test.com';">

jeej!
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_33886171
Een leuke klein probleem, hopelijk weet iemand de oplossing. Ik wil een popup bij een link en heb nu een stukje code uit www.spele.nl gehaald (ja ik weet het rippen is ook niet alles maar toch is het de poging waard en vermeld tenminste de bron, strax ook in de code... want kon helaas nergens een goed script vinden wat deed wat ik zocht..)

Voorbeeld


In de html heb ik het volgende

Het script
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		        Xoffset = 16; // modify these values to ...
        Yoffset = 16; // change the popup position.

        var old,
            skn,
            iex = (document.all),
            yyy = -1000;
        var ns4 = document.layers;
        var ns6 = document.getElementById&&!document.all;
        var ie4 = document.all;

        if (ns4)
            skn = document.popup;
        else if (ns6)
            skn = document.getElementById("popup").style;
        else if (ie4)
            skn = document.all.popup.style;

        if(ns4)
        {
            document.captureEvents(Event.MOUSEMOVE);
        }
        else
        {
            skn.visibility = "visible";
            skn.display    = "none";
        }

        document.onmousemove = get_mouse; 

        function p(img, text)
        {

            var content = "<TABLE WIDTH=80 BORDER=1 border=000000  CELLPADDING=0 CELLSPACING=0>" + 
                          "<TD ALIGN=center><IMG SRC=" + img + "</img><FONT COLOR=black SIZE=2>" + text + "</FONT></TD>" + 
                          "</TABLE>";
            yyy = Yoffset;

            if(ns4)
            {
                skn.document.write(content);
                skn.document.close();
                skn.visibility = "visible"
            }

            if(ns6)
            {
                document.getElementById("popup").innerHTML=content;
                skn.display = ''
            }

            if(ie4)
            {
                document.all("popup").innerHTML=content;
                skn.display = ''
            }
        }

        function get_mouse(e)
        {
            var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
            skn.left = x+Xoffset;
            var y = (ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
            skn.top = y+yyy;
        }

        function k()
        {
            yyy = -1000;

            if(ns4)
            {
                skn.visibility = "hidden";
            }
            else if (ns6||ie4)
                skn.display = "none"
        }


de style sheet
1
2
3
4
5
6		#popup {
    POSITION: absolute;
    VISIBILITY: hidden;
    Z-INDEX:200;
    FONT-SIZE: 12px;
}


de div in de html
1<div id="popup"></div>


en natuurlijk de link, waarbij de popup terecht moet komen
1<a href="#" onmouseover="p('Text hiero', 'image.jpg');" onmouseout="k();" TITLE="Titel">Linkje</a>


echter krijg ik errors in IE en FF... die van IE kan ik moeilijk laten zien maar die van Firefox zekers wel.

1
2
3
4
5
6
7
8
9
10
11
12
13		Fout: document.getElementById("popup") has no properties
Bronbestand: http://localhost/persoonlijk/linkbase.bruggema.nl/index.php
Regel: 25

Fout: skn has no properties
Bronbestand: http://localhost/persoonlijk/linkbase.bruggema.nl/index.php
Regel: 59

en

Fout: skn has no properties
Bronbestand: http://localhost/persoonlijk/linkbase.bruggema.nl/index.php
Regel: 86


Heeft iemand een idee waar ik de fout in ga? zou graag een oplossing willen..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_33893528
Blijkbaar bestaat er geen element met id="popup". Misschien dat er ergens een fout in je html zit waardoor je popup divje fout gaat.

Nadeel van 't rippen van code is dat je nu met een bak ouwe zooi zit. Als je oude browsers die geen DOM ondersteunen (zoals NS4) gewoon vergeet, dan houd je nette overzichtelijke code over.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_34176450
Ik heb een aantal textvelden, met ieder een andere waarde, bijvoorbeeld:, 1,2,3,5,8,7,11,12,45,15 etc.
Nu wil ik het hoogste getal daaruit halen, dit gaat alleen mis, wie helpt me verder op weg.

1
2
3
4
5
6
7
8
9
10
11		var allINPUTS = document.getElementsByTagName('input');
         var el, i = 0, howmany = 0;
         var last =0;
         while (el = allINPUTS.item(i++)){
                  if (el.id == 'color_id'){
                     if(el.value>last){
                        var last =el.value;
                     }
                        
                     }
                  }
pi_34180532
"dit gaat mis" Wat gaat er mis? Krijg je een foutmelding? Komt er niet uit wat je verwacht?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_34190475
Mzz, weer eens niet duidelijk.

Het script werk, ik krijg geen fouten maar hij selecteert niet het googste getal, dat word dan 8 of zo?!
pi_34190980
mooie tvp!
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - deel 3
Index

» digital corner

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