[Javascript] voor dummies (deel 11)

donderdag 31 maart 2011 @ 15:17:49 #51

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:00 schreef xaban06 het volgende:
Ik heb een bestel formulier op mijn website, aan het eind moet aan de hand van een aantal keuzes een berekening gemaakt worden.

Zou iemand mij hier bij kunnen helpen? Of desnoods wijzen naar tutorials welke dit behandelt.

Constructie:
[ code verwijderd ]

Ik heb 3 verzend mogelijkheden, namelijk:
[ code verwijderd ]

Daaronder heb ik betaal mogelijkheden, namelijk:
[ code verwijderd ]

Verzendkosten: EUR <bedrag berekend a.d.h.v. de keuze>
Totaalbedrag: EUR <totale bedrag van beginwaarde + verzendwijze + betaalwijze>

De bedragen wil ik ook mee geven aan een:
[ code verwijderd ]

Prijsberekening:

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

//Prijskaartjes 'scannen'
var $kostenVerzendwijze = document.form.verzendwijze.value;
var $kostenBetaalwijze = document.form.betaalwijze.value;

//Bovenstaande prijzen bij elkaar optellen
function berekenPrijs()
{
return $kostenVerzendwijze + $kostenBetaalwijze;
}

//De prijs gaat vervolgens naar het veld 'verzendkosten'
document.form.verzendkosten.value = berekenPrijs();

//Prijs in 'totaalbedrag' optellen bij de verzendkosten
document.form.totaalbedrag.value = document.form.totaalbedrag.value + document.form.verzendkosten.value;

Ben er niet zeker van of ik het de eerste keer goed heb genoteerd.

Afscheidsrede

donderdag 31 maart 2011 @ 15:19:01 #52

wdn

Elfen lied O+

quote:
Op dinsdag 29 maart 2011 10:09 schreef Scorpie het volgende:

[..]

Ternary operations zijn voor de leek nog niet zo makkelijk te begrijpen

Maar zodra je het door hebt leest het zoveel makkelijker

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

donderdag 31 maart 2011 @ 15:22:56 #53

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);

Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.

Afscheidsrede

donderdag 31 maart 2011 @ 15:25:18 #54

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:22 schreef Ofyles2 het volgende:

[..]

Mooie aanvulling, vergat rekening te houden met parseFloat/parseDouble.

Oh hoe vaak ik dat al vergeten ben

een .toFixed(2) erachter is denk ik ook aan te bevelen.

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

donderdag 31 maart 2011 @ 15:27:36 #55

Ofyles2

Bestemming: onbekend

quote:
Op donderdag 31 maart 2011 15:25 schreef wdn het volgende:

[..]

Oh hoe vaak ik dat al vergeten ben

een .toFixed(2) erachter is denk ik ook aan te bevelen.

Dat maakt hem nou helemaal af.

* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.

Afscheidsrede

donderdag 31 maart 2011 @ 15:32:05 #56

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:27 schreef Ofyles2 het volgende:

[..]

Dat maakt hem nou helemaal af.

* Ofyles2 pas komt kijken in dit topic, maar al bezig met het schrijven van een geavanceerde tekstverwerker voor websites.

Ik ben een 1/2 jaar geleden begonnen met JS en heb al aardig wat live staan (finance, sales, cms'en). JS + LAMPP (achterkant heb ik niks voor hoeven doen).

Ik kan iedereen activewidgets.js (www.activewidgets.com) en floating_window.js (dhtmlgoodies) aanraden als toolset

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

donderdag 31 maart 2011 @ 15:35:50 #57

xaban06

quote:
Op donderdag 31 maart 2011 15:19 schreef wdn het volgende:

[..]

Maar zodra je het door hebt leest het zoveel makkelijker

xaban06: je kunt toch gewoon de values tellen?
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);

Mja ik ben een totale leek op gebied van JS. Nadeel van om alles zelf willen te maken (ik ben niet zo van de templates).

Ik zal eens kijken of het mij lukt om de code ergens in te plakken zodat het ook werkt

donderdag 31 maart 2011 @ 15:38:13 #58

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:35 schreef xaban06 het volgende:

[..]

Mja ik ben een totale leek op gebied van JS. Nadeel van om alles zelf willen te maken (ik ben niet zo van de templates).

Ik zal eens kijken of het mij lukt om de code ergens in te plakken zodat het ook werkt

Zet een .onclick functie op de 2 radio buttons en je kunt on the fly de andere bijwerken.

dan wordt het iets als dit:

1
2
3

document.getElementById('verzendwijze').onclick=function(){
document.getElementById('verzendkosten').value=parseFloat(document.getElementById('verzendwijze').value)+parseFloat(document.getElementById('betaalwijze').value);
}

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

donderdag 31 maart 2011 @ 15:38:43 #59

erikkll

Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?

donderdag 31 maart 2011 @ 15:41:42 #60

wdn

Elfen lied O+

quote:
Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?

Ik gebruik Aptana studio als editor en daar zit een debugger in.
http://www.aptana.com/products/studio2/download zie 'customize download' voor de Linux versie.

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

donderdag 31 maart 2011 @ 18:18:49 #61

KomtTijd...

quote:
Op donderdag 31 maart 2011 15:38 schreef erikkll het volgende:
Vraagje: hoe kun je javascript het makkelijkst debuggen? Ik heb linux, maar javascript is altijd een pain in the ass....Als het niet werkt krijg je geen error, niets.. zijn daar tools voor?

Gewoon, ctrl+shift+J?

zcflevo.nl

donderdag 31 maart 2011 @ 18:21:47 #62

erikkll

quote:
Op donderdag 31 maart 2011 18:18 schreef KomtTijd... het volgende:

[..]

Gewoon, ctrl+shift+J?

Asjemenou!

quote:
Op donderdag 31 maart 2011 15:41 schreef wdn het volgende:

[..]

Ik gebruik Aptana studio als editor en daar zit een debugger in.
http://www.aptana.com/products/studio2/download zie 'customize download' voor de Linux versie.

[ afbeelding ]

chill.

maandag 4 april 2011 @ 13:43:30 #64

classpc

I don't like change

Ik vroeg me af of jullie me op weg kunnen helpen met een scriptje.

Mijn JS ervaring is vrijwel nul, so bear with me.

Wat ik probeer te bereiken is dat een element in de pagina (div) wordt weergeven zodra er naar beneden wordt gescrolld en de header niet meer zichtbaar is.
Zodra de bezoeker naar boven scrollt en de header komt weer in beeld, dan moet het element zich verbergen.
Ongeveer zoals die top bar op de frontpage.

Het element zelf is simpel genoeg te doen met CSS, maar ik vroeg me af hoe ik de JS kant het beste kan oplossen. Misschien dat jullie me een duwtje in de goede richting kunnen geven?

Op zoek naar een nieuwe printer? Kies voor een Brother laser printer. Uiterst betrouwbaar en economisch!

maandag 4 april 2011 @ 13:53:18 #65

wdn

Elfen lied O+

window.onscroll
is een functie die aangeroepen wordt als je scrollt.

1
2
3
4

window.onscroll = scrollEvent;
function scrollEvent() {
alert("scroll");
}

en dan bepalen wanneer je jouw div op hidden moet en wanneer op block

edit: wat webhulp:
http://help.dottoro.com/ljurkcpe.php

onscroll in body:
http://www.java2s.com/Cod(...)/onScrollExample.htm

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

maandag 4 april 2011 @ 16:21:47 #66

Peem

Skiddelly

Hoi! Ik wil graag een hover stop in mijn jquery, maar ik snap nooit wat van de uitleg van de jQuery site, kan iemand mij verder helpen? Op het moment heb ik dit:

html:

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

CSS:

1
2
3
4

#slider {position: relative; overflow: hidden;height:300px; width: 650px;}
#slider img {position:absolute; margin:0; height:85px;;display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}

JS:

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

Het maakt gebruik van de jquery FlexiSlider plugin (http://www.jquerygallery.net/2010/09/flexi-slider/)

Hoop dat iemand mij verder kan helpen

P.S: Hoverstop bedoel ik mee; de plaatjes gaan op dit moment heletijd doorlopen, ik wil als ik met muis erover ga dat het stopt, muis eraf - weer doorgaan.

[ Bericht 1% gewijzigd door Peem op 04-04-2011 16:40:16 ]

---

maandag 4 april 2011 @ 16:39:37 #68

Peem

Skiddelly

Oh, sorry

Pas het nu aan

---

maandag 4 april 2011 @ 16:40:14 #69

wdn

Elfen lied O+

Ik neem aan dat bedoelt wordt dat een animatie moet stoppen tijdens het hoveren?
Dan moet je ergens een
.stop()
toevoegen

Ik heb 1 voorbeeld gevonden:

Geen stop:

1	$(this).find('a.dribbble-over').fadeIn('normal');

Met stop:

1	$(this).find('a.dribbble-over').stop().animate({opacity: 1},600);

Beatus vir qui suffert tentationem.
PSN Rinzewind en Cadsuana Melaidhrin
Stellar Blade *O* Sea of Stars *O* Trails Daybreak *O*

maandag 4 april 2011 @ 23:49:43 #70

Peem

Skiddelly

Ik kom daar helaas niet verder mee, heb a.dribble-over vervangen met #slider en #slider img, maar snap er niet vrij veel van atm.. Maybe it's the time :x

Edit: Tevens dank voor de tijd om te kijken

---

woensdag 6 april 2011 @ 22:52:49 #71

Chandler

Hooi allemaal, het volgende zit in mijn vingers maar wil er niet uit komen en zoek wat aanwijzingen.

Het volgende stukje code kan ik gebruiken om een plaatje te uploaden, waarbij ik een preview na het uploaden kan weergeven van het plaatje (van zurb.com/playground/ajax_upload).

Nu zou ik dit scriptje graag willen aanpassen zodat het werkt met meerdere bestanden! zonder dat ik voor ieder formuliertje een aparte functie hoef te schrijven!.

De code is als volgt

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

Nu was mijn gedachte, ik moet van thumb, thumb1, thumb2, thumb3 e.t.c. maken en zelfde voor newHotnessForm en natuurlijk bijbehorende invoervelden..

Maar goed, als dat technisch gezien handig zou zijn, hoe kan ik dan middels jQuery een loopje maken van alle thumb* id's en daar de rest van de code op aanpas.

Anyone?

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

donderdag 7 april 2011 @ 08:39:48 #73

Chandler

De vraag is hoe ik middels jquery, alle id's kan uitlezen die beginnen met thumb (dus thumb1, thumb2, thumb3) etc

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

donderdag 7 april 2011 @ 12:48:36 #74

GlowMouse

l'état, c'est moi

als je daar thumb-1, thumb-2, etc van kunt maken, dan http://api.jquery.com/attribute-contains-prefix-selector/
anders met regexes werken.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

donderdag 7 april 2011 @ 12:53:11 #75

Chandler

of op basis van classes? dat wanneer ik een class aan een div koppel alle id's van de divjes uitlees die een bepaalde class hebben?

of is dat niet handig?

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

donderdag 7 april 2011 @ 13:00:07 #76

GlowMouse

l'état, c'est moi

Dat is ook handig ja.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

donderdag 7 april 2011 @ 13:05:21 #77

Chandler

Kan ik dat op dezelfde manier doen? ipv # een puntje ?

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

donderdag 7 april 2011 @ 13:06:14 #78

GlowMouse

l'état, c'est moi

Jquery heeft hele goede documentatie, zie http://api.jquery.com/category/selectors/

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

donderdag 7 april 2011 @ 13:21:02 #79

Chandler

Top! ik zou film kijken maar ga nu de documentatie eens goed doornemen!

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

donderdag 7 april 2011 @ 16:05:14 #80

Chandler

Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar

De volgende code 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
28
29

en deze code die dus zelf alle elementen moet aflopen werkt niet

krijg een error ivm [newID]

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

$(document).ready(function() {
    var map = $('div[id|="woei"]');
    var thumb = new Array();
    $.each(map, function(key, value) {
         var newID = value.id.substring(5, value.id.length);

         thumb[newID] = $('img#thumb' + newID');
         new AjaxUpload('imageUpload1' + newID, {
                            action: $('form#upForm1').attr('action'),
                            name: 'userfile',
                            onSubmit: function(file, extension) {
                                $('div#preview1' + newID).addClass('loading');
                            },
                            onComplete: function(file, response) {
                                thumb[newID].load(function() {
                                    $('#preview1' + newID).removeClass('loading');
                                    thumb[newID].unbind();
                                });
                                thumb[newID].attr('src', response);
                            } });

              });

hoe kan ik dit oplossen en zo de 'id's' variabel te maken?

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

donderdag 7 april 2011 @ 20:08:05 #81

qwox

heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.

1	parent.document.getElementById('iframe').contentWindow.document.body.style.background="url(bg-url)";

Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.

disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.

alvast bedankt

https://a-vents.com/STAR_Rally/

Admin donderdag 7 april 2011 @ 20:51:20 #82

Danny

always and nevermore

quote:
Op donderdag 7 april 2011 20:08 schreef qwox het volgende:
heb een site met een iframe, hierin staan delen van de site. echter ook eentje van buiten het domein/server. Nu probeer ik via javascript de achtergrond aan te passen in het iframe.

[ code verwijderd ]

Deze code werkt in chrome voor de pagina's die op de zelfde server staan echter niet bij de externe.
Nu vroeg ik me af of er een manier is om het wel te laten werken of dat je nooit aan externe pagina's kan komen.

disclaimer: voordat mensen zeggen dat je van andermans pagina's moet afblijven. is van een bekende en wilde alleen de achtergrond aanpassen om hem beter in de layout te passen.

alvast bedankt

kan helaas niet crossdomain.

Zie wat ik kijk: trakt.tv

donderdag 7 april 2011 @ 20:53:08 #83

KomtTijd...

quote:
Op donderdag 7 april 2011 20:51 schreef Danny het volgende:

[..]

kan helaas gelukkig niet crossdomain.

fixed.

zcflevo.nl

Admin donderdag 7 april 2011 @ 20:56:33 #84

Danny

always and nevermore

quote:
Op donderdag 7 april 2011 20:53 schreef KomtTijd... het volgende:

[..]

fixed.

eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan

Zie wat ik kijk: trakt.tv

donderdag 7 april 2011 @ 21:08:58 #85

Light

quote:
Op donderdag 7 april 2011 16:05 schreef Chandler het volgende:
Ik ben even wezen spelen maar krijg het niet helemaal voor elkaar

De volgende code werkt

[ code verwijderd ]

en deze code die dus zelf alle elementen moet aflopen werkt niet krijg een error ivm [newID]

[ code verwijderd ]

hoe kan ik dit oplossen en zo de 'id's' variabel te maken?

Door een class te gebruiken op de invoervelden voor bestanden.

Dan krijg je zoiets in je formulier:

1
2
3

De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:

1
2
3
4
5

$(document).ready(function() {
    $('.thumb-upload').each(function(ix, el) {
        alert($(el).attr('id'));
    })
});

Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.

fokstok.nl

donderdag 7 april 2011 @ 21:27:02 #86

qwox

quote:
Op donderdag 7 april 2011 20:56 schreef Danny het volgende:

[..]

eensch, hoewel het soms wel handig zou kunnen zijn ben ik blij dat het niet kan

ben het er ergens ook wel mee eens dat het niet mogelijk is, in dit geval vind ik het jammer.

iig allemaal bedankt voor het snelle antwoorden.

https://a-vents.com/STAR_Rally/

donderdag 7 april 2011 @ 21:35:33 #87

Chandler

quote:
Op donderdag 7 april 2011 21:08 schreef Light het volgende:
Door een class te gebruiken op de invoervelden voor bestanden.

Dan krijg je zoiets in je formulier:

De bijbehorende javascript-code (met jQuery) is niet zo lastig. Proof of concept:

Het is dus niet nodig om ieder veld met z'n eigen id aan te spreken. Als je het nodig hebt (waarschijnlijk niet), kun je het wel achterhalen.

Opzich heel duidelijk alleen 1 vraag, hoe kan ik dan de id's dynamisch doorgeven? dat lukte mij niet, de error die ik kreeg in mijn voorbeeld kwam door thumb[newID] = $('img#thumb' + newID');

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

donderdag 7 april 2011 @ 21:38:58 #88

GlowMouse

l'état, c'est moi

de ' kloppen niet nu.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

donderdag 7 april 2011 @ 21:55:11 #90

Chandler

quote:
Op donderdag 7 april 2011 21:38 schreef GlowMouse het volgende:
de ' kloppen niet nu.

Klopt! er stond nog een ' tegen de ) aan

Maar goed, ik heb het werkend!

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

$(document).ready(function() {
    thumb = new Array();
    $('.preview').each(function(ix, el) {
        var newID = $(el).attr('id').substring(7, $(el).attr('id').length);
        thumb[newID] = $('img#thumb' + newID);
        new AjaxUpload('imageUpload' + newID, {
                           action: $('form#upForm' + newID).attr('action'),
                           name: 'userfile',
                           onSubmit: function(file, extension) {
                               $('div#preview' + newID).addClass('loading');
                           },
                           onComplete: function(file, response) {
                               thumb[newID].load(function() {
                                   $('#preview' + newID).removeClass('loading');
                                   thumb[newID].unbind();
                               });
                               thumb[newID].attr('src', response);
                           }
        });
    });
});

Nu kan ik uploaden op een prettige manier aanbieden! maar als jullie comments hebben hoor ik ze graag!

Gelijk een andere vraag, hoe kan ik tijdens het uploaden een ID meegeven, zodat ik het plaatje weer op dezelfde upload positie kan zetten? op zich weet ik wel 1, returnen als een array middels userfile[1] bv of moet ik dit anders aanpakken?

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

vrijdag 8 april 2011 @ 13:00:37 #92

Chandler

Wat bedoel je precies met index?

-edit-
ik heb het opgelost door de response te gebruikenn (nu xml code) die ik weer kan uitlezen!
Zo kan ik meer gegevens uitlezen dan alleen de preview url.

[ Bericht 73% gewijzigd door Chandler op 08-04-2011 17:31:43 ]

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

zondag 10 april 2011 @ 12:30:31 #93

Flaccid

Ik heb een probleem dat waarschijnlijk makkelijk is op te lossen. Een horizontale image balk die kan scrollen door twee knoppen. Hoe die knoppen zich gedragen, valt later nog te tweaken. Ik heb lopen klooien met jQuery, maar daar kwam niks uit.

HTML

1
2
3
4
5

<div id="nav">
<div id="reel">
<table>6 images op een rij</table> - Ik weet het, tables zijn not-done, maar is maar even voor de proef
</div>
</div>

CSS

1
2
3
4
5
6
7

#nav{
width:100%;
height: 200px;
}
#reel{
height: 200px;
}

Met dit stukje code wilde ik het simpelse maar eens proberen, de scrollafstand manipuleren.

1
2
3

zondag 10 april 2011 @ 13:39:18 #94

KomtTijd...

Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?

zcflevo.nl

zondag 10 april 2011 @ 14:16:26 #95

Flaccid

quote:
Op zondag 10 april 2011 13:39 schreef KomtTijd... het volgende:
Wat is precies je doel? Wat wil er niet lukken? Watvoor foutmeldingen krijg je?

Krijg geen specifieke foutmelding (niet goed gekeken mss).

Wat ik wil is dat als je links hovert dat hij naar links scrollt en bij rechts hover naar rechts scrollt. Maar het scrollen wil niet lukken, de divs die er boven zweven kan ik prima maken. Maar het scrollgedeelte dus, hoe krijg ik dat voor elkaar (zonder marquee

).

zondag 10 april 2011 @ 14:29:05 #96

GlowMouse

l'état, c'est moi

Als je met scrolLeft geen foutmelding krijgt dan doe je wat fout.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

maandag 11 april 2011 @ 00:48:21 #98

Dalando

18, niet meer gefrustreerd

Hoe kan ik van afbeeldingen (in JS) de groote krijgen, en die resizen, net ong. zoals FOK! dat doet, zodat het net in de DIV past?

Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121

maandag 11 april 2011 @ 03:42:27 #99

minibeer

gewoon:

1
2
3

var plaatje = document.getElementById('plaatje');
var w = plaatje.width, h = plaatje.height;
plaatje.style.width = '100px'; plaatje.style.height = '100px';

Met style pas je eigenlijk de css aan, dus je kan ook procenten gebruiken en misschien ook wel em (ik weet het niet, en ik weet ook niet waarom je dat zou willen hoor

)
En btw, deze methode werkt alleen als het plaatje al geladen is, anders is de hoogte en breedte onbekend en returned 0. Je moet het dus of gebruiken in een functie die je doet bij het event window.onload óf je moet het op deze manier doen:

1
2
3
4
5
6
7
8

plaatje = new Image();
plaatje.src = './teladenplaatje.png';
plaatje.onload = weergeefgrootte;

function weergeefgrootte()
{
alert(this.width + ', ' + this.height);
}

Finally, someone let me out of my cage

dinsdag 12 april 2011 @ 09:13:04 #100

afro

Ik hoop dat iemand mij hiermee kan helpen.
Ik ben opzoek naar een plugin voor een pagina waar snelbestellen moet komen, deze moet ervoor zorgen dat als je alleen het serienummer intypt dat de rest van de gegevens er ook komen dus de naam en prijs.

Hier onder is een voorbeeld van wat ik bedoel

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.

Bedankt alvast!

...

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

» digital corner

» development

» digital corner

» development