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

vrijdag 25 maart 2005 @ 17:30:17 #251

jeroen-heeft-koffie-nodig

Moderator

even een ander vraagje

ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.

1
2
3
4

En dus als link wordt gekozen, moet deze eronder komen:

1	<input name="link" type="text">

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

vrijdag 25 maart 2005 @ 22:55:14 #252

ikke_ook

Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?

Vogelaars.nl

zaterdag 26 maart 2005 @ 01:19:15 #253

Heliospan

(-_-)

-edit-
nevermind

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

zaterdag 26 maart 2005 @ 09:49:47 #254

SuperRembo

Sinds 1998

quote:
Op vrijdag 25 maart 2005 22:55 schreef ikke_ook het volgende:
Ik wil graag in een tekstveldje realtime bijhouden hoeveel checkboxen er zijn aangevinkt in een form, dus zonder dat hij de pagina ververst ofzo. Hoe kan ik zoiets handig maken?

Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.

zaterdag 26 maart 2005 @ 17:53:25 #255

ikke_ook

quote:
Op zaterdag 26 maart 2005 09:49 schreef SuperRembo het volgende:

[..]

Met het onclick event van de checkboxen kun je de wijzigingen bijhouden.

Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?

Vogelaars.nl

zaterdag 26 maart 2005 @ 19:02:58 #256

SuperRembo

Sinds 1998

quote:
Op zaterdag 26 maart 2005 17:53 schreef ikke_ook het volgende:

[..]

Iedere keer dat je op een checkbox klikt checken hoeveel checkboxen on zijn?Of is er iets handigers voor?

Dat zou kunnen, of je houd alleen de wijzigingen bij.

zaterdag 26 maart 2005 @ 21:10:01 #257

ikke_ook

ik heb nu dit :

1
2
3
4
5
6
7
8
9
10
11

Het werkt goed maar ik denk dat t nog wel efficienter kan. Heeft er nog iemand zin om dit te optimaliseren?

Vogelaars.nl

zaterdag 26 maart 2005 @ 21:19:07 #258

SuperRembo

Sinds 1998

1
2
3
4
5
6
7
8
9
10
11

zaterdag 26 maart 2005 @ 21:38:03 #259

ikke_ook

dit werkt stukken sneller

1
2
3
4
5
6
7

function Count(checkboxid) {
      if( document.getElementById(checkboxid).checked){
         document.form.count.value++;
      }else{
         document.form.count.value--;
      }
}

Het gaat namelijk om een form met 850 checkboxes en 850 text invoer vakjes

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:00:07 #260

SuperRembo

Sinds 1998

En deze nog iets sneller (maar dat zal je niet merken)

1
2
3
4
5
6
7

   function CheckClicked(chk) {
      if (chk.checked) {
         document.form.elements.count.value++;
      } else {
         document.form.elements.count.value--;
      }
   }

1	<input type="checkbox" onclick="CheckClicked(this)">

zaterdag 26 maart 2005 @ 22:39:16 #261

ikke_ook

Aha, maar ik ga hem wel gebruiken want ik vind m wel mooier eigenlijk

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:48:50 #262

ikke_ook

Ik heb nog een probleempje, ik hoop dat ik hem uitgelegd krijg....
Ik heb een tabel(form) gemaakt met 10 invoervakjes. Achter ieder invoervakje staat een pijltje waarmee je een nieuw invoervakje onder het huidige invoervakje kan laten verschijnen.
Dit doe ik door een <tr> zichtbaar te maken (default is niet zichtbaar).
Ik wil dat als ik op het pijltje klik dat de focus naar het nieuwe invoer vakje gaat.
Hiervoor had ik het volgende bedacht :

1
2
3
4

function NewInput(opm,focusfield){
document.getElementById(opm).style.display = "";
document.getElementById(focusfield).focus();
}

Dit werkt prima in IE, in Firefox werkt t ook wel, de focus wordt ook wel goed gezet, alleen verspringt je beeld naar helemaal bovenaan de tabel in plaats van gewoon te blijven staan waar t stond......
Snap je

Ik hoop dat t duidelijk is wat ik bedoel....

Vogelaars.nl

zaterdag 26 maart 2005 @ 22:52:25 #263

SuperRembo

Sinds 1998

Heb je een voorbeeldpagina online staan?

zaterdag 26 maart 2005 @ 22:57:19 #264

ikke_ook

quote:
Op zaterdag 26 maart 2005 22:52 schreef SuperRembo het volgende:
Heb je een voorbeeldpagina online staan?

Nee, alleen achter een inloggedeelte met een database eraan..... Tis namelijk een form waarmee je dingen toe kunt voegen in een database en tis niet de bedoeling dat de hele wereld daar bij kan...
Ik maak morgen of overmorgen wel even iets wat los is van die database is en hetzelfde doet.
Ik moet nu weg namelijk, maar alvast bedankt voor t kijken dan

Vogelaars.nl

zaterdag 26 maart 2005 @ 23:22:08 #265

ikke_ook

Toch nog maar ff snel online gezet want ik kon de source zo kopieren en in een nieuwe file plakken.
http://www.vogelaars.nl/jstest.htm
Klik maar eens op meerdere pijltjes achter verschillende vakjes op verschillende hoogtes op de pagina.
Dan zie je dat hij soms helemaal naar boven springt.

_{Geen commentaar op de pijltjes, want ik weet, die zien er niet uit En de site laadt zo traag omdat het zo'n grote tabel is waar alle cellen geen aangegeven grootte hebben.}

Vogelaars.nl

zaterdag 26 maart 2005 @ 23:38:50 #266

SuperRembo

Sinds 1998

Je zou document.scrollTop kunnen bewaren bewaren voor het toevoegen van de <tr> en daarna weer terugzetten.

zondag 27 maart 2005 @ 13:20:18 #267

ikke_ook

Ik heb dit geprobeerd:

1
2
3
4
5
6
7

function showOpm(opm,focusfield){
       var a;
       a = document.scrollTop;
       document.getElementById(opm).style.display = "";
      document.getElementById(focusfield).focus();
      document.scrollTop = a;
}

Maar dat werkt niet, of is t iets minder simpel?

Vogelaars.nl

zondag 27 maart 2005 @ 13:52:27 #268

SuperRembo

Sinds 1998

In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.

zondag 27 maart 2005 @ 15:58:27 #269

jeroen-heeft-koffie-nodig

Moderator

quote:
[b]Op vrijdag 25 maart 2005 17:30 even een ander vraagje ik wil bijvoorbeeld als in dit dropdown menu 'link' wordt gekozen dat er een tekst veld bij komt.
1
2
3
4 <select name="type">
<option>Geen link</option>
<option>Link</option>
</select>

En dus als link wordt gekozen, moet deze eronder komen:
1 <input name="link" type="text">

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

zondag 27 maart 2005 @ 17:36:38 #270

SuperRembo

Sinds 1998

Onchange event afvangen en dan de display style none/block van dat input veld toggelen.

zondag 27 maart 2005 @ 17:47:17 #271

jeroen-heeft-koffie-nodig

Moderator

hoe?

INFORMATIE NODIG OVER NONI? GA NAAR HTTP://WWW.NONIHEALTH.NL (€ 34,50 )

zondag 27 maart 2005 @ 17:56:28 #272

SuperRembo

Sinds 1998

1	<select onchange="foo()" >

enzo

Waarom gebruik je een dropdown als het een aan/uit optie is. Dan lijkt me een checkbox beter geschikt.

zondag 27 maart 2005 @ 19:58:19 #273

ikke_ook

quote:
Op zondag 27 maart 2005 13:52 schreef SuperRembo het volgende:
In FF is het document.body.scrollTop. In IE is het window.pageYOffset, maar die heb je niet nodig.

Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken

Vogelaars.nl

zondag 27 maart 2005 @ 21:34:05 #274

SuperRembo

Sinds 1998

quote:
Op zondag 27 maart 2005 19:58 schreef ikke_ook het volgende:

[..]

Bedankt, t werkt, alleen wel jammer dat t beeld ff naar boven schiet en dan weer naar beneden...
Maar dan moet je maar geen FF gebruiken

Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.

zondag 27 maart 2005 @ 22:59:40 #275

ikke_ook

quote:
Op zondag 27 maart 2005 21:34 schreef SuperRembo het volgende:

[..]

Welke idioot maakt er dan ook een tabel met 1000 regels

Ik denk dat wel eens beter zou kunnen werken als je per vogel een tabel cel maakt. In die cell zet je dan een kleinere tabel met de optionele invoervelden.
Nog mooier is het als je via het DOM de optionele velden toevoegt. Dan zit je niet met al die invoervelden die je wel maakt maar niet gebruikt.

Kun je beide dingen een beetje uitleggen?Ik snap ze beide niet namelijk

[ Bericht 71% gewijzigd door ikke_ook op 27-03-2005 23:25:59 ]

Vogelaars.nl

zondag 27 maart 2005 @ 23:18:53 #276

whosvegas

The Trickster

Grappig, voor m'n studie ben ik met Java bezig.
Van scrips enzo heb ik weinig kaas gegeten, ik heb alleen m'n uiterst simpele homepage in html gedaan. Maar gewone applicaties schrijven lijkt me leuker.

Are you nuts??

zondag 27 maart 2005 @ 23:22:08 #277

whosvegas

The Trickster

1	var count, length;

Moet je in javascript geen type aangeven?

Are you nuts??

zondag 27 maart 2005 @ 23:25:27 #278

ikke_ook

nee hoeft niet whosvegas, misschien kan t wel, en is t wel beter, maar t hoeft niet

Vogelaars.nl

zondag 27 maart 2005 @ 23:56:54 #279

SuperRembo

Sinds 1998

quote:
Op zondag 27 maart 2005 22:59 schreef ikke_ook het volgende:

[..]

Kun je beide dingen een beetje uitleggen?Ik snap ze beide niet namelijk

Ik ging er van uit dat die invoervakjes bij de vogel hoort die er boven staat, maar dat is niet zo.

maandag 28 maart 2005 @ 12:05:21 #280

ikke_ook

En dus is t toch wel goed zo?

Vogelaars.nl

maandag 28 maart 2005 @ 22:46:44 #281

STFU

Blain (NTCE Chaingunner)

Hoe kan ik karakters (zoals een: "." of "&" tekens) tellen in een string?

Hank Evans: Well fuck my ozone.
Hank Evans: Hey, Ringworm! Yeah I'm talking to you, you toxic waste of life. You gonna pick up that butt or do I have to glue it to my shoe and stick it up your big pimply a-hole.

maandag 28 maart 2005 @ 23:08:37 #282

SuperRembo

Sinds 1998

1
2
3

var text = "The quick fox jumps over a lazy dog.";
var matches = text.match(/a/ig);
var count = matches==null ? 0 : matches.length;

Niet getest. Sommige tekens zal je moeten escapen in de regexp.

dinsdag 29 maart 2005 @ 14:41:19 #283

sop

ahum

quote:
Op zondag 27 maart 2005 23:22 schreef whosvegas het volgende:

[ code verwijderd ]

Moet je in javascript geen type aangeven?

Java en javascript moet je niet willen vergelijken.

dinsdag 29 maart 2005 @ 16:24:54 #284

heinl

Ik ben nu beheerder van de site van ons voetbalteam ( http://www.onra1.cjb.net ) en daar zie je op de 'index' een foto staan. Nu wil graag dat er via een javascript (of iets anders, geen probleem

) een foto komt te staan, die uit een map word gehaald.. Dus een random plaatje.. Heef tiemand enig idee hoe ik dat moet doen? De (HTML)code die ik nu heb is deze:

1	<a href="fotos.html"><img src="http://www.solcon.nl/luinstra/ONRA1/actief_thuis/images/IMG_0169.jpg" width="300" height="200" border="0"></a>

De grote moet wél zo groot blijven!

Bvd

Lui geld verdienen? Klik!

dinsdag 29 maart 2005 @ 20:10:49 #285

STFU

Blain (NTCE Chaingunner)

Ik ben bezig met een Javascript (virtuele) subdomeinen scriptje.
De code is simpel alleen vond ik dit wel intressant om te maken aangezien ik dit nog niet eerder heb gezien.
Alleen loop ik nu vast

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

Natuurlijk kan dit ook met PHP/ASP of een andere serverside techniek, maar wil dit graag met javascript maken.
Waar ik op vast loop is het volgende.. ik wil met een loopje mn subdomeinen array doorlopen, alleen hoe pak ik dat nou het beste aan??

edit: document.domain; laat forum.fok.nl ik moet eerst nog het domein exploden met split(); maar dat komt wel goed

Hank Evans: Well fuck my ozone.
Hank Evans: Hey, Ringworm! Yeah I'm talking to you, you toxic waste of life. You gonna pick up that butt or do I have to glue it to my shoe and stick it up your big pimply a-hole.

dinsdag 29 maart 2005 @ 20:11:57 #286

SuperRembo

Sinds 1998

Er zijn 1001 van dat soort scripts te vinden op het internet, bijvoorbeeld hier.

vrijdag 1 april 2005 @ 21:07:06 #287

ikke_ook

Ik wil graag bepaalde pagina's op mijn site "beveiligen" tegen de "back-knop".
Ik wil dus graag dat er een waarschuwing komt als iemand op back klikt. Ik heb namelijk een invoer gedeelte wat uit 3 stappen bestaat, en na stap 1 wordt er iets in een tabel geschreven waarna je naar stap 2 gaat. Maar als je dan op back klikt en daarna weer op verder, staat de informatie 2x in de tabel.. en dat wil ik dus afvangen door een confirm te doen als iemand op back klikt

[ Bericht 2% gewijzigd door ikke_ook op 01-04-2005 21:19:42 ]

Vogelaars.nl

vrijdag 1 april 2005 @ 21:24:02 #288

SuperRembo

Sinds 1998

Ik zou al die stappen afhandelen in 1 script, in ieder geval via 1 url. Als je dan via een post-form naar de volgende stap gaat, dan kan je als ik het goed heb niet terug naar de vorige stap.

vrijdag 1 april 2005 @ 21:29:22 #289

ikke_ook

maar hoe moet ik dat doen via 1 script dan?want ik heb nu wel steeds dezelfde pagina, alleen dan de ene keer met ?action=stap1, en dan met ?action=stap2...
Of zullen we ff verhuizen naar t php topic dan

Vogelaars.nl

vrijdag 1 april 2005 @ 21:32:34 #290

SuperRembo

Sinds 1998

quote:
Op vrijdag 1 april 2005 21:29 schreef ikke_ook het volgende:
maar hoe moet ik dat doen via 1 script dan?want ik heb nu wel steeds dezelfde pagina, alleen dan de ene keer met ?action=stap1, en dan met ?action=stap2...
Of zullen we ff verhuizen naar t php topic dan

Dat kan via een hidden input tag.

Alleen werkt het niet zoals ik dacht

.
No-cache headers werken ook niet goed

vrijdag 1 april 2005 @ 21:35:17 #291

ikke_ook

Hmm das jammer, dus t kan definitief niet zo of zijn er nog andere oplossingen?
Het moet ook in verschillende stappen blijven, want form2 hangt af van de input van form1...
-edit-
En ik heb al zitten denken aan een tussen pagina, waar alleen een header wordt verstuurd met de nieuwe url, waardoor je backknop niet meer werkt, alleen vind ik dat niet zo netjes..

Vogelaars.nl

FOK!-Schrikkelbaas vrijdag 1 april 2005 @ 21:40:45 #292

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 1 april 2005 21:32 schreef SuperRembo het volgende:

[..]

Dat kan via een hidden input tag.

Alleen werkt het niet zoals ik dacht .

Waarom niet? Dat werkt prima

 | FOK! Schrikkelbaasch

vrijdag 1 april 2005 @ 21:41:37 #293

ikke_ook

quote:
Op vrijdag 1 april 2005 21:40 schreef Swetsenegger het volgende:

[..]

Waarom niet? Dat werkt prima

Leg uit leg uit!

-edit-

Oh gewoon dat je geen $_GET uitleest, maar een $_POST, en daarop baseert welke functie in je phpfile moet worden uitgevoerd?
En dan werkt de backknop niet meer?

Vogelaars.nl

FOK!-Schrikkelbaas vrijdag 1 april 2005 @ 21:46:02 #294

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 1 april 2005 21:41 schreef ikke_ook het volgende:

[..]

Leg uit leg uit!

Leg in het php topic precies uit wat je wil (server side he) want ik begrijp niet goed waarom je tussendoor al naar db gaat schrijven. Doe dat pas als alles afgehandeld is, voorkom je ook problemen met backbuttons.

Wat ik bedoelde is dat je met hidden input perfect extra waarden aan je submit kan meegeven.
Dus bij stap 1 schrijf je niets naar db, maar je geeft die info met een get mee aan stap 2. In stap 2 krijg je een nieuwe waarde PLUS je oude waarde welke je uit je get als hidden input aan je submit meegeeft. Dat geef je weer met een get mee aan stap 3 (via headers dus) leest in stap 3 de info van stap 1 en 2 uit en die stop je in een hidden input. INfo van stap 3 erbij, submitten antwoord tonen en naar db schrijven....

 | FOK! Schrikkelbaasch

vrijdag 1 april 2005 @ 21:48:55 #295

ikke_ook

Ok, verder in php

Vogelaars.nl

zondag 3 april 2005 @ 23:13:29 #296

Chandler

Heeft iemand een idee hoe ik een scrollbar als in volgende preview shotje kan realiseren met divs en javascript?

^{is die & tag nu gefixt?}

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

zondag 3 april 2005 @ 23:21:48 #297

SuperRembo

Sinds 1998

quote:
Op zondag 3 april 2005 23:13 schreef Chandler het volgende:
Heeft iemand een idee hoe ik een scrollbar als in volgende preview shotje kan realiseren met divs en javascript?

[afbeelding]

^{is die & tag nu gefixt?}

Web-irritatie nummer 1: popups
Web-irritatie nummer 2: zelf-bouw-scrolbars-die-noot-werken-zoals-je-verwacht

Daar werk ik niet aan mee

maandag 4 april 2005 @ 06:54:22 #298

Chandler

huh? popups?

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

maandag 4 april 2005 @ 07:38:37 #299

SuperRembo

Sinds 1998

Ik bedoel dat alleen popups nog irritanter zijn dan die zelfbouw-scrollbars.

maandag 4 april 2005 @ 18:04:34 #300

Chandler

Tja, maar dit hoort gewoon bij't ontwerp.. maar jij kan/'wil hier niet aan meewerken?

Of heb je gewoon geen flauw idee of het mogelijk is

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

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

[Javascript] voor dummies - Deel 1

» digital corner

» digital corner