[Javascript] voor dummies (deel 11)

dinsdag 15 februari 2011 @ 16:55:31 #1

Trollface.

gr rob fruithof, groningencity

Potverdikkie! post ik zonder het te weten de laatste reactie.. nahh dan maar ff nieuwe topic!

De (voorlopige) OP van de [Javascript] voor dummies reeks.
Hier kan je alle vragen stellen over Javascript en alles wat er mee te maken heeft.

Heb je een probleem, post dan ook even de code waar het probleem zit

Zo kunnen we je beter proberen te helpen.

Vorige delen:
#1 - [Javascript] voor dummies - Deel 1
#2 - [Javascript] voor dummies - Deel 2
#3 - [Javascript] voor dummies - deel 3
#4 - [Javascript] voor dummies - deel 4
#5 - [Javascript] voor dummies (deel 6)
#6 - [Javascript] voor dummies (deel 6)
#7 - [Javascript] voor dummies (deel 7)
#8 - [Javascript] voor dummies (deel 8)
#9 - [Javascript] voor dummies (deel 9)

Handige links:
Quircksmode Javascript
Javascript Cheat Sheet
_{Mis je een link? Geef even een gil in het topic}

Tutorials:
W3Schools Javascript
W3Schools AJAX

Let op! Verwijder je post niet.
Als je bijvoorbeeld zelf al een antwoord hebt gevonden, laat ons dan even weten hoe je het hebt opgelost.
Wel zo aardig.

Laatste posts uit het vorige topic:
{Hier de laatste twee posts uit het vorige topic}

_{Deze OP: http://wiki.fok.nl/index.php/OP/Javascript}

★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★

Redactie Frontpage dinsdag 15 februari 2011 @ 17:11:36 #2

Crazy Harry

Samen met HTML5 gaat JavaScript nog een stuk belangrijker worden dus ik ga deze eens volgen

De discussie is niet privacy tegenover veiligheid maar vrijheid tegenover controle
Overzicht privacy-inperkende maatregelen/wetten/voorstellen
We don't stop playing because we grow old; we grow old because we stop playing. ― George Bernard Shaw

dinsdag 15 februari 2011 @ 17:13:25 #3

remi1986

Aangezien dit een "voor dummies" post is, kunnen er misschien links naar veel gebruikte js libraries gepost worden zoals: jQuery,Prototype,MooTools etc..

woensdag 16 februari 2011 @ 08:50:56 #4

Trollface.

gr rob fruithof, groningencity

quote:
Op dinsdag 15 februari 2011 17:11 schreef Crazy Harry het volgende:
Samen met HTML5 gaat JavaScript nog een stuk belangrijker worden dus ik ga deze eens volgen

Ware het niet dat HTML5 pas in 2014 af is.

★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★

woensdag 16 februari 2011 @ 14:05:51 #5

Light

quote:
Op woensdag 16 februari 2011 08:50 schreef Trollface. het volgende:

[..]

Ware het niet dat HTML5 pas in 2014 af is.

HTML4 stamt uit 1999, na 15 jaar is het wel tijd voor een opvolger.

fokstok.nl

donderdag 24 februari 2011 @ 16:19:51 #6

SpeedyGJ

Zo snel als de bliksem O+

Is er ook een mogelijkheid om een html menu te maken in .js inc links?

Om nou 30 pagina's te gaan aanpassen voor 1 nieuw item toe te voegen/verwijderen is ook een klus van niks en als je 1 foutje hebt of het bevalt je niet kun je nog eens overnieuw

Doe mee met het voorspellen van het weer!
Weekvoorspelling -- Week 1
Maandvoorspelling februari.
Jaarvoorspelling 2024 --- Jaarvoorspelling 2025!

donderdag 24 februari 2011 @ 16:30:46 #7

KomtTijd...

quote:
Op donderdag 24 februari 2011 16:19 schreef SpeedyGJ het volgende:
Is er ook een mogelijkheid om een html menu te maken in .js inc links?

Om nou 30 pagina's te gaan aanpassen voor 1 nieuw item toe te voegen/verwijderen is ook een klus van niks en als je 1 foutje hebt of het bevalt je niet kun je nog eens overnieuw

Een mogelijkheid om wát?

ga eens googlen op "include"

zcflevo.nl

donderdag 3 maart 2011 @ 21:22:53 #8

PiRANiA

All thinking men are atheists.

Simpele vraag.

1	$('td:contains("needle")').parent().addClass('highlight');

zoekt in alle td's. Ik wil alleen in de td's met class description zoeken.

Hoe?

Dag Google!

donderdag 3 maart 2011 @ 21:25:33 #9

PiRANiA

All thinking men are atheists.

En, een kort vraagje daar bij, hoe verifiëer ik of er wat is gevonden?

.

Dag Google!

vrijdag 4 maart 2011 @ 06:08:00 #10

Tuvai.net

Ik heb in .NET een Web User Control die bestaat uit enkele HTML controls. Ik wil middels Javascript op een 'unobtrussive' manier onclick behavior aan één van de HTML controls in die Web User Control toevoegen, de functie die aangeroepen moet worden is OpenLookup(DataTable, CollectionName). Elke Web User Control bestaat uit 2 HiddenFields, een TextBox en een Button. Het is de Button waaraan onclick behavior toegevoegd moet worden.

Het doel van deze Web User Control is een soort van overlay laden waarin een dynamische tabel verschijnt, van waaruit de gebruiker een keuze kan maken. Het ID en de omschrijving van de geselecteerde waarden worden dan opgeslagen in de corresponderende velden van de Web User Control.

Nu kom ik op een pagina waar ik 2 van deze Web User Controls gebruik, de HTML die uiteindelijk gegenereerd wordt is als volgt:

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

Het verschil tussen de 2 Web User Controls is dat er een verschillende reeks met data in de dynamische tabel moet verschijnen, dit wordt afgehandeld door een QueryString parameter die ik meestuur naar de AJAX pagina waar de tabel gegenereerd wordt. Deze parameter verwerk ik in de rel parameter van de <button>. In bovenstaand voorbeeld is dit Branch voor de eerste button, en Country voor de tweede button. De tweede parameter die ik aan mijn OpenLookup functie moet meesturen is CollectioName, dit is de 'prefix' van het ID van elke control in mijn Web User Control, zodat ik vanuit mijn AJAX pagina de waarden naar de correcte controls kan terugschrijven.

De onclick behavior voeg ik op de volgende manier toe middels Javascript (en jQuery). De switch gebruik ik omdat ik meerdere Web User Controls heb waaraan onclick gedrag toegevoegd moet worden:

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

$(document).ready(function () {
    var ControlButtons = document.getElementsByTagName('button');
    for (var i = 0; i < ControlButtons.length; i++) {
        var ControlButton = ControlButtons[i];
        var CollectionName = ControlButton.getAttribute('id').replace('Button', '');

        switch (ControlButton.getAttribute('class')) {
            case 'ButtonLookup':
                var DataTable = ControlButton.getAttribute('rel');

                $('button#' + ControlButton.getAttribute('id')).click(function () {
                    OpenLookup(DataTable, CollectionName);
                    return false;
                });

                break;
        }
    }

De OpenLookup functie ziet er (zonder alle overlay abracadabra) als volgt uit:

1
2
3
4

function OpenLookup(DataTable, CollectionName) {
$('div#OverlayWindow').load('Lookup.aspx?DataTable=' + DataTable + '&CollectionName=' + CollectionName);
return true;
}

Nu komt het probleem, indien ik meerdere Web User Controls gebruik op een pagina, verwijzen de DataTable en CollectionName parameters altijd naar de waarden van de Laatste Web User Control! Het lijkt net alsof de variabelen die ik in de switch scope van de $(document).ready() functie gebruik buiten hun scope om overschreven worden!

Samengevat, als ik bovenstaand voorbeeld gebruik, dus met één Web User Control voor DataTable Branch en één voor DataTable Country, hebben beide buttons het gedrag OpenLookup('Country', 'TemplateMain_admBranch_').

Wat doe ik verkeerd?

[ Bericht 0% gewijzigd door Tuvai.net op 04-03-2011 06:21:48 ]

vrijdag 4 maart 2011 @ 06:58:46 #11

Zixon

quote:
Op donderdag 3 maart 2011 21:22 schreef PiRANiA het volgende:
Simpele vraag.

[ code verwijderd ]

zoekt in alle td's. Ik wil alleen in de td's met class description zoeken.

Hoe?

quote:
Op donderdag 3 maart 2011 21:25 schreef PiRANiA het volgende:
En, een kort vraagje daar bij, hoe verifiëer ik of er wat is gevonden? .

1
2
3
4
5
6
7
8

var results = $('td.description:contains("needle")').parent().addClass('highlight');

if(results.length > 0) {
//iets gevonden!
}
else {
//niets gevonden!
}

vrijdag 4 maart 2011 @ 07:44:58 #12

Zixon

quote:
Op vrijdag 4 maart 2011 06:08 schreef Tuvai.net het volgende:
Nu komt het probleem, indien ik meerdere Web User Controls gebruik op een pagina, verwijzen de DataTable en CollectionName parameters altijd naar de waarden van de Laatste Web User Control! Het lijkt net alsof de variabelen die ik in de switch scope van de $(document).ready() functie gebruik buiten hun scope om overschreven worden! Samengevat, als ik bovenstaand voorbeeld gebruik, dus met één Web User Control voor DataTable Branch en één voor DataTable Country, hebben beide buttons het gedrag OpenLookup('Country', 'TemplateMain_admBranch_'). Wat doe ik verkeerd?

Zo op het eerste gezicht zou ik zeggen dat je CollectionName en DataTable binnen de onclick handler van de button zou moeten definen. Echter zou ik gewoon lekker voor alleen jQuery kiezen en dan krijg je zoiets:

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function () {

    $('button.ButtonLookup').click(function() {

        var DataTable = $(this).attr('rel');
        var CollectionName = $(this).attr('id').replace('Button', '');

        OpenLookup(DataTable, CollectionName);
        return false;
    });
});

_{//niet getest}

vrijdag 4 maart 2011 @ 07:54:01 #13

Tuvai.net

quote:
Op vrijdag 4 maart 2011 07:44 schreef Zixon het volgende:

[..]

Zo op het eerste gezicht zou ik zeggen dat je CollectionName en DataTable binnen de onclick handler van de button zou moeten definen. Echter zou ik gewoon lekker voor alleen jQuery kiezen en dan krijg je zoiets:

[ code verwijderd ]

_{//niet getest}

Had ik nog niet aan gedacht.

Het is ouwe Javascript code die ik momenteel om aan 't zetten ben naar jQuery, maar ik bleef vanwege deze bug op dat stuk hangen en dacht er niet eens aan om een volledige jQuery versie te maken. Het werkt nu zoals het hoort, bedankt.

vrijdag 4 maart 2011 @ 13:50:48 #14

PiRANiA

All thinking men are atheists.

quote:
Op vrijdag 4 maart 2011 06:58 schreef Zixon het volgende:

[..]

[..]
[ code verwijderd ]

Will try. Thanks!

Dag Google!

zondag 6 maart 2011 @ 00:09:57 #15

minibeer

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

<html>
<head>
<script type="text/javascript">
window.onload = doit();

function doit()
{
document.getElementById('e').style.color = 'red';
}

</script>

</head>
<body>
<div id="e">asdasd</span>
</body>
</html>

Grrrrr... wat doe ik verkeerd

?
Firebug says: document.getElementById('e') returns null.

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:15:00 #16

Tegan

.

zondag 6 maart 2011 @ 00:21:01 #17

Tegan

Je moet dit doen.

1	<body onload="doit();">

zondag 6 maart 2011 @ 00:27:15 #18

GlowMouse

l'état, c'est moi

1	window.onload = doit();

Hier wordt de functie doit al direct uitgevoerd omdat er haakjes achterstaan. Zonder haakjes gaat het wel goed.

zie ook http://stackoverflow.com/(...)nload-vs-body-onload

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:34:05 #19

Ofyles2

Bestemming: onbekend

De laatstgenoemde functie is sterker, maar ik wil minibeer nu al niet overhoop gooien met allerlei lifehacks...

Afscheidsrede

zondag 6 maart 2011 @ 00:34:44 #20

GlowMouse

l'état, c'est moi

Ik moest even reageren, want minibeer.

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:38:08 #21

GlowMouse

l'état, c'est moi

wel een onhandig gekozen functienaam

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:41:41 #22

GlowMouse

l'état, c'est moi

http://sites.google.com/s(...)-good-function-names

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:43:11 #23

minibeer

haha, de code die ik hier had was na veel frustratie en gezeik.
Bedankt, (en weer zo'n domme fout

)

Komt allemaal omdat we van de docent webdesign (wat overigens alleen maar over xml gaat) geen inline javascript mogen gebruiken.

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:47:44 #24

minibeer

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

<html>
<head>
<script type="text/javascript">
window.onload = initialize;

function initialize()
{
document.getElementById('tekst').style.color = 'red';
}
</script>
</head>
<body>
<div id="tekst">Tekst :D</div>
</body>
</html>

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 00:48:13 #25

GlowMouse

l'état, c'est moi

waarom geen css hiervoor gebruiken?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

zondag 6 maart 2011 @ 00:51:29 #26

Tegan

setTextColor() zou ik doen.

Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht

.

zondag 6 maart 2011 @ 02:07:36 #27

Ofyles2

Bestemming: onbekend

quote:
Op zondag 6 maart 2011 00:51 schreef Tegan het volgende:
setTextColor() zou ik doen.

Je functienaam moet wel omschrijven wat je doet. Dus die tweede is ook slecht .

Minder slecht.

Ik ga voor alles wat simpeler en korter kan...

Afscheidsrede

zondag 6 maart 2011 @ 17:25:39 #28

minibeer

dit is niet wat ik eigenlijk wil, de bedoeling is om uiteindelijk een soort van uitklapmenu'tje te krijgen (als je op contact drukt dat je dan de cantactgegevens ziet verschijnen, en als je nog een keer drukt dat ze weer weggaan)
Ik zal het wel posten als ik het afheb

Finally, someone let me out of my cage

zondag 6 maart 2011 @ 18:00:35 #29

minibeer

document.getElementsByName schijnt niet te werken als je xhtml maakt via xslt. Firebug zegt: 'document.getElementsByName is not a function' Jammer...

Finally, someone let me out of my cage

dinsdag 8 maart 2011 @ 13:04:37 #30

minibeer

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.

Het volledige script.
Wat er gebeurt:
1. links met rel="external" krijgen het attribuut target="_blank".
2. tabelcellen met class="contactknop" worden zo veranderd, dat als je op de xste tabelcel met class="contactknop" klikt , de display van de xste tabelcel met class="contacttekst" op 'none' gezet wordt (of op 'block' als hij al onzichtbaar was).
3. Hetzelfde met bestandsknop en bestandslijst, alleen wordt ipv de display op none of block gezet, de visibility op hidden gezet (waardoor de lijst wel plek inneemt als hij onzichtbaar is, dit was wat mooier).

De site die we gemaakt hebben voor webdesign moest volledig xhtml strict zijn, met valide css, enzo. Werkt niet echt makkelijk, maar het is gelukt. (al ben ik geloof ik bij het inleveren de character encoding vergeten, maar dat levert alleen een warning op en geen error)

[ Bericht 30% gewijzigd door minibeer op 08-03-2011 13:11:40 ]

Finally, someone let me out of my cage

zondag 13 maart 2011 @ 13:25:44 #31

mschol

I stand corrected, het werkt wel, ik heb gewoon een stomme fout gemaakt (classes, punten en hashes verwarren)

oke, volgende probleem:

ik probeer via de thickbox (3.1) lib gewoon simpel wat tekst te tonen
dus ik heb et volgende:

1	<a href="#TB_inline?height=150&width=300&inlineId=hiddenContent" class="thickbox">test</a>

+

1	<div id="hiddenContent" style="display:none;">inline content comes here</div>

enige wat ik onder aan de pagina te zien krijg is het laden animatie en voor de rest niks...
wat doe ik verkeerd?

[ Bericht 18% gewijzigd door mschol op 13-03-2011 16:18:55 ]

maandag 14 maart 2011 @ 17:15:56 #32

mschol

trapje

maandag 14 maart 2011 @ 17:51:03 #33

GlowMouse

l'état, c'est moi

url?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

maandag 14 maart 2011 @ 21:58:51 #34

Chandler

Een vraagje; kan het antwoord niet zo vinden

Weet iemand hoe het mogelijk is middels javascript alleen, zonder jquery of ander framework een te controleren of een checkbox array, id gechecked is.

<input type="checkbox" name="chk[1]" value="x"> 1
<input type="checkbox" name="chk[2]" value="x"> 2
<input type="checkbox" name="chk[3]" value="x"> 3

en dan nu wil ik bv controleren of chk[2] gezet is of niet? hoe doe ik dat? liefst middels document.getElementById ipv document.forms.etc

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

maandag 14 maart 2011 @ 22:05:22 #35

KomtTijd...

quote:
Op maandag 14 maart 2011 21:58 schreef Chandler het volgende:
Een vraagje; kan het antwoord niet zo vinden

Weet iemand hoe het mogelijk is middels javascript alleen, zonder jquery of ander framework een te controleren of een checkbox array, id gechecked is.

<input type="checkbox" name="chk[1]" value="x"> 1
<input type="checkbox" name="chk[2]" value="x"> 2
<input type="checkbox" name="chk[3]" value="x"> 3

en dan nu wil ik bv controleren of chk[2] gezet is of niet? hoe doe ik dat? liefst middels document.getElementById ipv document.forms.etc

1	element.checked == true

zcflevo.nl

vrijdag 18 maart 2011 @ 12:44:56 #36

Siegfried

1
2
3
4
5
6
7
8
9
10
11

$("ul.path li").click(function() {
    // stukje code waarin ik een andere actie wil uitvoeren als er op li#klaar is geklikt, dan als er op een andere li is geklikt.

    if (li#klaar geklikt) {
        // dan doe je dit
    }
    else {
        // dan doe je wat anders
    }

});

Kan iemand mij vertellen of ik in die functie ook kan achterhalen welke li geklikt is? Dus een if-je kan maken, met een uitzondering voor als de li met id="klaar" is geklikt?

vrijdag 18 maart 2011 @ 12:48:19 #37

GlowMouse

l'état, c'est moi

$(this).attr("id")?

eee7a201261dfdad9fdfe74277d27e68890cf0a220f41425870f2ca26e0521b0

vrijdag 18 maart 2011 @ 12:49:35 #38

Siegfried

Klinkt heel logisch ja

Thanks

dinsdag 22 maart 2011 @ 22:24:24 #39

dronkenpizza

geweldig

Vraag over een window.setInterval timer, hoe moet je deze timer in een array afspelen?

Heb al deze code :

1	timer6[1] = window.setInterval("MoveText("+textcount, textname+")", 100);

Gewoon als test, ik merk dat de timer zonder array wel werkt maar met array niet werkt.
Weet iemand hoe je dit moet oplossen?

zie titel

woensdag 23 maart 2011 @ 13:42:18 #40

RenRen-

Hullo,

Is het mogelijk om in deze code:

1
2
3
4
5
6

ook een knop voor active te maken? Kan geen code vinden die hierop aansluit.

woensdag 23 maart 2011 @ 17:48:39 #41

KomtTijd...

Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.

zcflevo.nl

donderdag 24 maart 2011 @ 10:00:56 #42

RenRen-

quote:
Op woensdag 23 maart 2011 17:48 schreef KomtTijd... het volgende:
Je bedoelt een javascript functie die het gedrag van CSS :active nabootst?
Dat is gewoon onmouseover en onmouseout.

Onmouseover is toch de hover, en onmouseout is toch als je er niet meer over hovert?
Ik heb onmouseover, maar de huidige pagina is niet gehighlight.

dinsdag 29 maart 2011 @ 09:04:19 #43

Chandler

Ik heb een vraagje over het submitten van een formulier middels jQuery (dus zonder refresh van de pagina).

De volgende code heb ik gevonden

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

$(document).ready(function()
{
    $("form#submit").submit(function()
    {
        // we want to store the values from the form input box, then send via ajax below
        var name     = $('#name').attr('value');
        var email    = $('#email').attr('value');
        var comment  = $('#comment').attr('value');
        $.ajax({
            type: "POST",
            url: "contact.php",
            data: "name=" + name + "&email=" + email + "&comment=" + comment,
            success: function()
            {
                // hier wil ik de output van contact.php controleren (1 = succes, 0 is fout?)

            }
        });
        return false;
    });
});

Daar waar ik de remarks heb neergezet zou ik graag de 'output' van contact.php willen controleren! waarna ik bij een 1 het formulier is verzonden en bij een 0 een 'foutmelding' geef.

Hoe krijg ik dit voor elkaar?

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

dinsdag 29 maart 2011 @ 09:53:46 #45

Chandler

Yup! eerste veld is goed genoeg!

Wist niet dat deze functie met en zonder parameters gebruikt kon worden!! en ben dus weer heel wat wijzer geworden

1
2
3

function(html) {
if (html == 1) { doe dit } else { doe dat }
}

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

dinsdag 29 maart 2011 @ 09:57:39 #46

wdn

Elfen lied O+

quote:
Op dinsdag 29 maart 2011 09:53 schreef Chandler het volgende:
Yup! eerste veld is goed genoeg!

Wist niet dat deze functie met en zonder parameters gebruikt kon worden!! en ben dus weer heel wat wijzer geworden

[ code verwijderd ]

1
2
3

function(html) {
(html == 1)? doe dit : doe dat ;
}

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

dinsdag 29 maart 2011 @ 10:10:27 #48

Chandler

Klopt, dat had ook gekund maar soms vind ik { gemakkelijker als het om meerdere regels gaat.

GOED? = Alert + leeg 3 velden
FOUT? = Alert foutmelding

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

dinsdag 29 maart 2011 @ 10:10:57 #49

Chandler

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

[..]

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

Leek?

in PHP gebruik ik het heel veel bij het bepalen van invoer gegevens ($_POST, $_GET)

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

donderdag 31 maart 2011 @ 15:00:37 #50

xaban06

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:

1	Beginwaarde, voorbeeld: 10.00

Ik heb 3 verzend mogelijkheden, namelijk:

1
2
3

Daaronder heb ik betaal mogelijkheden, namelijk:

1
2
3
4

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:

1 2	<input type="hidden" name="verzendkosten" value="<totale verzendkosten"> <input type="hidden" name="totaalbedrag" value="<totaalbedrag">

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!

...

dinsdag 12 april 2011 @ 09:29:13 #101

GI

Nee ik heet geen JOE

Daar is meer informatie voor nodig.

Je gaat 99% zeker met een ajax call naar de database moeten werken, daarna kan je via die ajax call op verschillende manier ervoor zorgen dat de juiste informatie op de juiste plek komt.

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

» digital corner

» development

» digital corner

» development