[Javascript] voor dummies (deel 7)

DIG Digital Corner

Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.

Je bent niet ingelogd. Klik hier om in te loggen of hier om een gratis account aan te maken.

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

vrijdag 29 augustus 2008 @ 15:03:28 #226

SuperRembo

Sinds 1998

Het ziet er (samen met je posts in 't php topic) niet heel erg handig uit.
Je kunt het ook zo doen:

Omzetten van je data in php naar javascript:

1
2
3
4
5
6
7

$weekList = array(
   array("hits" => 2149, "unique" => 492, "refs" => 26),
   array("hits" => 2161, "unique" => 500, "refs" => 21),
   array("hits" => 2416, "unique" => 561, "refs" => 27)
);

printf('<script type="text/javascript">var weekList = %s;</script>', json_encode($weekList));

Een functie in javascript om een tabel met die data vol te pompen:

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

function populateWeekList(id, data)
{
   var table = document.getElementById(id);
   if (table.tBodies.length == 0) table.appendChild(document.createElement('TBODY'));
   var tableBody = table.tBodies[0];

   var row, cell;
   for (var i = 0; i < data.length; ++i)
   {
      row = tableBody.insertRow(-1);
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode('Dag'));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].hits));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].unique));
      cell = row.insertCell(-1);
      cell.appendChild(document.createTextNode(data[i].refs));
   }
}

De tabel waar de data in komt:

1
2
3
4
5
6
7
8

<table id="weeklist">
   <thead>
      <th>Datum</th>
      <th>Hits</th>
      <th>Unique</th>
      <th>Refs</th>
   </thead>
</table>

Dan kan je de tabel vullen met

1	populateWeekList('weeklist', weekList)

vrijdag 5 september 2008 @ 13:40:58 #227

CraZaay

prettig gestoord

Ok, wat zie ik hier over het hoofd? Al tig keer gedaan, maar in dit geval mis ik iets.

1
2
3
4
5
6
7
8
9
10
11

<form
     action="/user"
     method="post"
     id="foo"
     onsubmit="alert('bar'); return false">
</form>

<a
     href="#"
     onclick="document.getElementById('foo').submit(); return false">
submit</a>

En toch wordt het formulier gewoon gesubmit wanneer je op die link klikt. Niet eerst een alert en al helemaal geen "return false" dus.

NB: De code voor de duidelijkheid op meerdere regels gezet.

vrijdag 5 september 2008 @ 14:19:11 #228

SuperRembo

Sinds 1998

Als je m.b.v. javascript een form submit, dan wordt het onsubmit event nooit afgevuurd.

vrijdag 5 september 2008 @ 14:22:08 #229

CraZaay

prettig gestoord

quote:
Op vrijdag 5 september 2008 14:19 schreef SuperRembo het volgende:
Als je m.b.v. javascript een form submit, dan wordt het onsubmit event nooit afgevuurd.

Je hebt gelijk. Hoe kon ik zo in de war zijn?

Heb het inmiddels anders opgelost

maandag 8 september 2008 @ 11:14:00 #230

donroyco

dus niet Donroyco

Voor een website wil ik graag een verticaal tabmenu maken en volgens mij kan dat het beste met JavaScript. Maar daar ligt het probleem, ik heb geen reet verstand van JS, wel van HTML en CSS. Ik heb Google al afgezocht naar een voorbeeldmenu, maar ik krijg alleen maar 'simpele' verticale menustructuren voorgeschoteld. Dit is wat ik zoek (zo'n menu, maar dan met een klik komt de content er op. Het menu moet aan de linkerkant verschijnen. Ik weet dat hier Flash gebruikt is, maar dit is het beste voorbeeld wat ik kon vinden). Bij voorbaat dank!

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

maandag 8 september 2008 @ 11:20:25 #231

CraZaay

prettig gestoord

quote:
Op maandag 8 september 2008 11:14 schreef donroyco het volgende:
ik heb geen reet verstand van JS, wel van HTML en CSS

Dan weet je dat dit prima met HTML & CSS kan, tenzij je ook IE6 wilt ondersteunen

Ik zou het daarom eerst met CSS doen en vervolgens simpelweg een paar regels JS toevoegen om IE6 te ondersteunen.

Hint: nested unordered lists

1
2
3
4
5
6
7

li ul {
display: none;
}

li:hover ul {
display: block;
}

edit: Oh, je wilt het met een click, niet goed gelezen. Dan idd JS, maar denk op dezelde manier als in mijn voorbeeld (maar dan bijv. met een class die je wel/niet aan een li hangt). Hou er wel rekening mee dat de CSS versie wel werkt in user agents die geen JS ondersteunen

maandag 8 september 2008 @ 11:27:59 #232

mcDavid

quote:
Op maandag 8 september 2008 11:14 schreef donroyco het volgende:
Voor een website wil ik graag een verticaal tabmenu maken en volgens mij kan dat het beste met JavaScript. Maar daar ligt het probleem, ik heb geen reet verstand van JS, wel van HTML en CSS. Ik heb Google al afgezocht naar een voorbeeldmenu, maar ik krijg alleen maar 'simpele' verticale menustructuren voorgeschoteld. Dit is wat ik zoek (zo'n menu, maar dan met een klik komt de content er op. Het menu moet aan de linkerkant verschijnen. Ik weet dat hier Flash gebruikt is, maar dit is het beste voorbeeld wat ik kon vinden). Bij voorbaat dank!

Nog een keer naar google, maar nu "suckerfish" intypen!

En voor de broodnodige javascript tutorials zou ik eens op www.w3schools.com kijken. Vooral de HTML-DOM is ook interessant.

maandag 8 september 2008 @ 11:37:22 #233

CraZaay

prettig gestoord

quote:
Op maandag 8 september 2008 11:27 schreef mcDavid het volgende:

Nog een keer naar google, maar nu "suckerfish" intypen!

Idem aan mijn pseudo code boven, maar die doet geen clicks

zondag 14 september 2008 @ 18:06:46 #234

Flaccid

Ik weet niet of dit kan met javascript:

Je hebt een textfield, button, en een lijst met woorden die je moet raden. Laten we zeggen dat het de nummers 1 tot en met 10 zijn.
Als iemand een nummer typt, op de button klikt, kijkt javascript of dat nummer in het lijstje staat. Staat hij erbij, dan laat hij hem links of het scherm zien. Staat hij er niet bij, dan laat hij hem rechts op het scherm zien. Het moet doorgaan totdat ze allemaal geraden zijn. Er moet ook een knop zitten om te laten zien welke er nog zijn, die nog niet zijn geraden dus.

Zoiets als dit: http://www.oneplusyou.com/bb/html_quiz

zondag 14 september 2008 @ 21:24:58 #235

Chandler

Dit moet opzich gemakkelijk te maken zijn mbv array's

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

maandag 15 september 2008 @ 00:38:56 #236

mcDavid

quote:
Op zondag 14 september 2008 @ 18:06 schreef Flaccid het volgende:
Ik weet niet of dit kan met javascript:

Je hebt een textfield, button, en een lijst met woorden die je moet raden. Laten we zeggen dat het de nummers 1 tot en met 10 zijn.
Als iemand een nummer typt, op de button klikt, kijkt javascript of dat nummer in het lijstje staat. Staat hij erbij, dan laat hij hem links of het scherm zien. Staat hij er niet bij, dan laat hij hem rechts op het scherm zien. Het moet doorgaan totdat ze allemaal geraden zijn. Er moet ook een knop zitten om te laten zien welke er nog zijn, die nog niet zijn geraden dus.

Zoiets als dit: http://www.oneplusyou.com/bb/html_quiz

Daar doen ze het ook met javascript, dus ik zou zeggen check even de source.

Hou er wel rekening mee dat je met javascript altijd de antwoorden kunt bekijken door de source tevoorschijn te toveren.

zaterdag 20 september 2008 @ 11:58:20 #237

Chandler

Kan iemand mij vertellen welke image viewer ze gebruiken bij tweakers.net? bv 3 images en dan klik je op 1 en krijg je een soortement popup (div) waarbij je snel naar de 'volgende' foto kunt klikken!?

Iemand?

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

zaterdag 20 september 2008 @ 12:04:56 #238

#ANONIEM

quote:
Op zaterdag 20 september 2008 11:58 schreef Chandler het volgende:
Kan iemand mij vertellen welke image viewer ze gebruiken bij tweakers.net? bv 3 images en dan klik je op 1 en krijg je een soortement popup (div) waarbij je snel naar de 'volgende' foto kunt klikken!?

Iemand?

Dat is geen imageviewer. Volgens mij gebruiken ze een carrousel picture viewer. Ik weet het niet zeker though.

zaterdag 20 september 2008 @ 12:42:59 #239

Chandler

ongetwijfeld, maar ik zou graag net zo'n scriptje willen gebruiken!

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

zaterdag 20 september 2008 @ 13:09:29 #240

CraZaay

prettig gestoord

quote:
Op zaterdag 20 september 2008 11:58 schreef Chandler het volgende:
Kan iemand mij vertellen welke image viewer ze gebruiken bij tweakers.net? bv 3 images en dan klik je op 1 en krijg je een soortement popup (div) waarbij je snel naar de 'volgende' foto kunt klikken!?

http://www.lokeshdhakar.com/projects/lightbox2/

zaterdag 20 september 2008 @ 15:18:06 #241

F04

tvp

zondag 21 september 2008 @ 23:34:29 #242

Sjoe538

Hallo!

Ik heb een erg irritant probleempje.. ik heb een functie waarmee ik wil vaststellen in welke rij een bepaalde foto zich bevindt.

dit doe ik doormiddel van een id mee sturen naar een functie, echter begint deze ID met 0, en dit wil ik graag zo behouden.

foto 1 = id 0;
foto 2 = id 1
etc..

Nu wil ik op de volgende manier vaststellen welke rij mn foto zich bevindt:

1
2
3

var row = (Math.ceil(id/ 3));

var column = id % 3;

Dit om later mn scroll positie te bepalen.
Nu wordt dus de eerste foto als rij 0 gegeven, de tweede 1 en derde 1. Volgende regel is eerste foto rij 1, tweede rij 2 etc.

Wanneer ik

1	id = id+1;

probeer wordt er een 1 aan het einde van m'n id toegevoegd.

0 wordt 01 ipv 1, 5 wordt 51 ipv 6

Hoe los ik dit op?

zondag 21 september 2008 @ 23:50:54 #243

mcDavid

"id++" gebruiken ipv "id= id+1"

-edit-
Dat lost bij nader inzien denk ik niet het probleem op

zorg ervoor dat id gedeclareerd wordt als integer, niet als string.

Een variable die niet geheel uit getallen bestaat, of die quotes bevat, wordt automatisch als string gedeclareerd.

maandag 22 september 2008 @ 09:00:53 #244

CraZaay

prettig gestoord

Als je het snel en ranzig op wilt lossen (zou moeten werken; door de deling wordt het een int):

1	id = (id / 1) + 1;

maandag 22 september 2008 @ 10:02:07 #245

SuperRembo

Sinds 1998

quote:
Op maandag 22 september 2008 09:00 schreef CraZaay het volgende:
Als je het snel en ranzig op wilt lossen (zou moeten werken; door de deling wordt het een int):
[ code verwijderd ]

Het kan ook netjes:

1	id = Number(id);

Een id attribute in html mag trouwens niet geheel numeriek zijn, een id moet namelijk beginnen met een letter.

maandag 22 september 2008 @ 12:58:43 #246

Chandler

quote:
Op zaterdag 20 september 2008 13:09 schreef CraZaay het volgende:

[..]

http://www.lokeshdhakar.com/projects/lightbox2/

Super, daar doelde ik idd op! zal eens kijken wat ik er mee kan!

Tnx!

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

maandag 22 september 2008 @ 13:28:53 #247

CraZaay

prettig gestoord

quote:
Op maandag 22 september 2008 12:58 schreef Chandler het volgende:

Super, daar doelde ik idd op! zal eens kijken wat ik er mee kan!

Onder welke steen heb je geleefd trouwens dat je niet weet dat dat ding een lightbox heet?

@SuperRembo hierboven: dank je voor deze wel nette oplossing

maandag 22 september 2008 @ 16:34:47 #248

Chandler

quote:
Op maandag 22 september 2008 13:28 schreef CraZaay het volgende:

[..]

Onder welke steen heb je geleefd trouwens dat je niet weet dat dat ding een lightbox heet?

@SuperRembo hierboven: dank je voor deze wel nette oplossing

Die steen die teveel informatie bevat dat hij niet op de naam kon komen

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

woensdag 24 september 2008 @ 11:27:55 #249

LordNemephis

computer says no

Ik heb een probleem met een textarea: Er moeten witregels kunnen worden toegevoegd.

Op http://mtdm.nl/invoer/ staat wat ik tot nu toe heb gemaakt.

De bedoeling is dat wanneer er een witregel wordt ingevoerd (= 2 x enter) het aantal tekens voor een hele regel van het totaal-aantal beschikbare regels wordt afgetrokken.
Op zich is dat geen probleem (druk maar eens op shift + willekeurige key). Echter, tikt men door dan springt de teller weer op het werkelijke aantal tekens die realtime worden weergegeven (want de linebreak wordt gezien als 1 teken ipv aantal tekens voor een hele regel).

Mijn vraag is dus, hoe kan ik een witregel toevoegen aan een textarea?

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

woensdag 24 september 2008 @ 12:29:36 #250

mcDavid

er gaat nog wel meer fout:
- als ik lekker aant typen ben krijg ik ineens de melding dat ik teveel karakters op een regel heb, backspace werkt daarna niet meer
- als ik een regel vol getypt heb en daarna (verplicht dus) op enter druk, wij hij er ook 40 afhalen..

Waar heb je dit voor nodig, want volgens mij maak je het jezelf veel te moeilijk

actieve topics nieuwe topics

abonnement Unibet Coolblue Bitvavo

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

» digital corner

» development

» digital corner

» development