[Javascript] voor dummies - deel 4 | Digital Corner (DIG)

donderdag 29 juni 2006 @ 12:42:48 #101

fokME2

1
2
3
4
5
6
7
8
9
10

      function hideshow(which){
         var which = document.getElementById(which);
         if (!wich)
            alert('returning');
            return;
         if (which.style.display=="block")
            which.style.display="none"
         else
            which.style.display="block"
      }

Zoiets?

donderdag 29 juni 2006 @ 12:49:37 #102

Desdinova

Olaa

quote:
Op donderdag 29 juni 2006 12:42 schreef fokME2 het volgende:

[ code verwijderd ]

Zoiets?

dan kan hij dus het element niet vinden

want hij geeft de alert.. (na verbetering van je typo

)

maar waarom is dat?

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 29 juni 2006 @ 13:21:00 #103

fokME2

Geen idee (en tijd om het uit te zoeken).

Wat ik wel weet is dat dit werkt:

1
2
3
4
5
6
7
8
9

donderdag 29 juni 2006 @ 13:27:00 #104

Desdinova

Olaa

omfg

ik heb mn ochtend gewaste aan javascript terwijl de code gewoon klopte.

mn div stond in een $var, die ik met een schrijffout aanriep

maar heb je code overgenomen fokme, dies wat compacter en lijkt prima te werken

tx

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 29 juni 2006 @ 13:27:12 #105

SuperRembo

Sinds 1998

quote:
Op donderdag 29 juni 2006 12:42 schreef fokME2 het volgende:

[ code verwijderd ]

Zoiets?

Het is een goede gewoonte om altijd {} te gebruiken bij if statements. Dat had hier een domme fout gescheeld (afgezien van de typo).

donderdag 29 juni 2006 @ 13:40:17 #106

fokME2

quote:
Op donderdag 29 juni 2006 13:27 schreef SuperRembo het volgende:

[..]

Het is een goede gewoonte om altijd {} te gebruiken bij if statements. Dat had hier een domme fout gescheeld (afgezien van de typo).

Doe ik ook altijd. Dit was even een snelle aangepaste versie van Desdinova's code.

dinsdag 11 juli 2006 @ 20:40:25 #107

hbruyn

Ben benieuwd

Wie heeft er verstand van javascript en wil mij, evt. tegen betaling, helpen?

Het volgende probleem.
Ik heb een script wat, bij het klikken op een menuitem, een foto fade naar de foto die bij het menuitem hoort. Nu werkt dit prima als je maar wacht met op het volgende menuitem klikken totdat de fotofade volledig is uitgevoerd. Klik je eerder, dan raakt het script in de war en gaan volgende fotofades niet goed meer.

De site waar de fout te zien is is:

w w w . k a t j a w o g n u m . n l

Alvast bedankt

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

donderdag 13 juli 2006 @ 14:21:41 #108

hbruyn

Ben benieuwd

KICK

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

vrijdag 14 juli 2006 @ 19:00:45 #109

Siegfried

1	<a onclick="confirm_delete(5)" target=\"_self\" class=\"text\">Delete style 5</a>

Kan iemand mij vertellen hoe ik dit scriptje op een nette manier afmaak?

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

Dus '5' moet achter die url geplakt worden, en als gecancelled wordt moet er niets gebeuren.
Ben niet zo thuis in javascript

vrijdag 14 juli 2006 @ 19:40:22 #110

wipes66

zoiets?

1
2
3

function confirm_delete(id) {
if (confirm("Weet u zeker dat u deze style wilt verwijderen?")) window.location="index.php?action=delete&id="+id;
}

..///

vrijdag 14 juli 2006 @ 21:03:17 #111

Siegfried

Top

vrijdag 14 juli 2006 @ 22:21:26 #112

marcb1974

Dakshin Ray

foutje

stupidity has become as common as common sense was before

zaterdag 15 juli 2006 @ 12:47:12 #113

Siegfried

Kan ik variabelen die ik via een promptbox binnen krijg ook binnen php gebruiken op de een of andere manier?

zaterdag 15 juli 2006 @ 13:25:28 #114

Kaasblaak

quote:
Op zaterdag 15 juli 2006 12:47 schreef Siegfried het volgende:
Kan ik variabelen die ik via een promptbox binnen krijg ook binnen php gebruiken op de een of andere manier?

Ja maar dan moet je ze zelf doorgeven bijv in de vorm van GET variabelen in de url.

1
2
3

var antw = prompt("Geef me een antwoord!","");

document.location="page.php?antwoord=" + escape(antw);

Kaasblaak Baasklaak Baalskaak Slaabkaak Slaakbaak Klaasbaak Laakbaaks Kaalsbaak Akalabska Skaablaak Skaabalak Abaklakas Kalabsaka Aaksaklab Askalabaks Kaalbakas Laakbakas Slaakbaka Klaaskaba Blaaskaka Saksakabal Slaksabaka Kabalkasa Laksakaab

zaterdag 15 juli 2006 @ 13:34:56 #115

Siegfried

Alright, maar op een andere manier gaat niet?
Sowieso niet via post? (get is zo lelijk..)

zaterdag 15 juli 2006 @ 13:51:32 #116

Darkomen

Je kan via xml httprequest posten naar de pagina?

zaterdag 15 juli 2006 @ 13:53:45 #117

Siegfried

Ben niet zo in javascript. Wat bedoel je precies?

zaterdag 15 juli 2006 @ 13:56:41 #118

Darkomen

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

zaterdag 15 juli 2006 @ 21:00:39 #119

ralfie

!Yvan eht nioj

quote:
Op zaterdag 15 juli 2006 13:34 schreef Siegfried het volgende:
Alright, maar op een andere manier gaat niet?
Sowieso niet via post? (get is zo lelijk..)

makkelijke, maar smerige manier is om met javascript een cookie te zetten en deze in php ($_COOKIE) uit te lezen

zondag 16 juli 2006 @ 14:58:48 #120

marcb1974

Dakshin Ray

Ik heb het opgegeven,
wat een teringvak,
dan maar geen diploma

stupidity has become as common as common sense was before

zondag 16 juli 2006 @ 17:00:26 #121

SuperRembo

Sinds 1998

Wat heb je opgegeven?

zondag 16 juli 2006 @ 18:08:48 #122

marcb1974

Dakshin Ray

Ik moet voor mijn studie een javascript opdracht maken. Geen idee waarom, het past er niet echt bij, maar goed.

stupidity has become as common as common sense was before

donderdag 3 augustus 2006 @ 14:12:06 #123

Desdinova

Olaa

Was dit topic effe kwijt zeg

Ik heb een vraag waarvan ik niet weet of het mogelijk is..

Stel, ik heb een lijst met namen;
Henk met de schep
Henk zonder schep
Henk op de bakfiets
Piet op de bakfiets
Peter op de bakfiets
Peter niet op de bakfiets

en een text input (input type = text).

Is het dan mogelijk dat ik een soort autoaanvullen creeer? Dus dat er zodra ik een P in het textveld tik, er automatisch 'eter niet op de bakfiets' achter komt te staan? Uiteraard wil ik dat zodra ik achter de P een i tik, de achtervolgende tekst wordt veranderd in 'et op de bakfiets'. De achtervolgende tekst moet bij aanvulling dus direct geselecteerd worden zodat er overheen geschreven kan worden. Een veelgebruikt principe in windows volgens mij, maar is het ook webbased (en crossbrowser) mogelijk?

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 3 augustus 2006 @ 15:29:15 #124

SuperRembo

Sinds 1998

Ja dat kan

Het selecteren van tekst gaat in IE en FF compleet verschillend. Dus success ermee

donderdag 3 augustus 2006 @ 15:51:42 #125

ralfie

!Yvan eht nioj

quote:
Op donderdag 3 augustus 2006 14:12 schreef Desdinova het volgende:
Was dit topic effe kwijt zeg

Ik heb een vraag waarvan ik niet weet of het mogelijk is..

Stel, ik heb een lijst met namen;
Henk met de schep
Henk zonder schep
Henk op de bakfiets
Piet op de bakfiets
Peter op de bakfiets
Peter niet op de bakfiets

en een text input (input type = text).

Is het dan mogelijk dat ik een soort autoaanvullen creeer? Dus dat er zodra ik een P in het textveld tik, er automatisch 'eter niet op de bakfiets' achter komt te staan? Uiteraard wil ik dat zodra ik achter de P een i tik, de achtervolgende tekst wordt veranderd in 'et op de bakfiets'. De achtervolgende tekst moet bij aanvulling dus direct geselecteerd worden zodat er overheen geschreven kan worden. Een veelgebruikt principe in windows volgens mij, maar is het ook webbased (en crossbrowser) mogelijk?

quote:
Op donderdag 3 augustus 2006 15:29 schreef SuperRembo het volgende:
Ja dat kan

Het selecteren van tekst gaat in IE en FF compleet verschillend. Dus success ermee

Idd. Het is wel mogelijk, maar crossbrowser wordt lastig. IE heeft createTextRange() waarmee je text kunt selecteren, firefox heeft setselectionrange(), maar opera en andere browsers hebben zover ik het weet helemaal niks om text te kunnen selecteren. En zonder die functie wordt het toch weinig nuttigs

wat je wel kunt doen is om een menu te laten sliden met de opties, zoals bijvoorbeeld de googlebar in firefox (om maar ff wat te noemen)

voorbeeldje:

EDIT: linkje ipv code dat de layout minder verneukt

http://www.student.ru.nl/rvanhoorn/files/test.htm

2 bugjes, je moet twee keer klikken op 1 vd alternatieven (ik denk omdat de browser probeert te selecteren, in dat geval moet je dat disablen) en het is lowercase omdat de array met alternatieven anders niet goed gesorteerd wordt (maar dat zou je eventueel bij het schrijven van de array kunnen doen ipv met array.sort() in js)

[ Bericht 42% gewijzigd door ralfie op 03-08-2006 15:58:15 ]

donderdag 3 augustus 2006 @ 16:10:40 #126

Desdinova

Olaa

quote:
Op donderdag 3 augustus 2006 15:51 schreef ralfie het volgende:

[..]

[..]

Idd. Het is wel mogelijk, maar crossbrowser wordt lastig. IE heeft createTextRange() waarmee je text kunt selecteren, firefox heeft setselectionrange(), maar opera en andere browsers hebben zover ik het weet helemaal niks om text te kunnen selecteren. En zonder die functie wordt het toch weinig nuttigs

wat je wel kunt doen is om een menu te laten sliden met de opties, zoals bijvoorbeeld de googlebar in firefox (om maar ff wat te noemen)

voorbeeldje:

EDIT: linkje ipv code dat de layout minder verneukt
http://www.student.ru.nl/rvanhoorn/files/test.htm

2 bugjes, je moet twee keer klikken op 1 vd alternatieven (ik denk omdat de browser probeert te selecteren, in dat geval moet je dat disablen) en het is lowercase omdat de array met alternatieven anders niet goed gesorteerd wordt (maar dat zou je eventueel bij het schrijven van de array kunnen doen ipv met array.sort() in js)

oh maar dit is ook wel flex! ben heel blij

thanks!

As a rule, I never touch anything more sophisticated and delicate than myself.

maandag 7 augustus 2006 @ 15:59:26 #127

dossie

lekker makkelijk

Ik heb een formulier die ik op twee manieren kan bekijken.
- 'view mode', waar men niets kan aanpassen omdat de velden disabled zijn.
- 'edit mode', hier kan het formulier aangepast worden.

maar nu wil ik de standaard fontkleur voor disablede inputvelden aanpassen, maar dat lukt niet.

Dit werkt: obj.style.font = "bold 16px arial";
Maar als ik daar een kleur aan toevoegd pakt ie em niet. Het moet iig werken in ie, voor de rest maakt het niet zoveel uit.

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 16:21:23 #128

ralfie

!Yvan eht nioj

kleuren gaan in de color attribute, niet in de font attribute

maandag 7 augustus 2006 @ 17:04:36 #129

dossie

lekker makkelijk

Ja, zo heb ik het ook geprobeert, maar obj.style.color = 'black'; werkt bv niet op disabled input buttons.
Als het niet kan dan ga ik het wel anders aanpakken, maar vroeg me af of er niet toch een mogelijkheid is.

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 18:21:44 #130

Darkomen

obj.style.color = '#000000'; ook niet?
Ofterwijl heb je alleen maar kleur namen geprobered ipv hexane code?

maandag 7 augustus 2006 @ 21:37:44 #131

dossie

lekker makkelijk

hex werkt ook niet nee, dat heb ik ook geprobeerd

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

maandag 7 augustus 2006 @ 22:48:00 #132

SuperRembo

Sinds 1998

Dan gaat er iets anders fout. Krijg je geen foutmeldingen? Post anders even een stukje relevante code.

dinsdag 8 augustus 2006 @ 08:47:37 #133

dossie

lekker makkelijk

Ok, hier is een functie om een inputfield te veranderen bij een onclick

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

         function alterStyle(obj)
         {
               // zet het input formulier op disabled
               obj.disabled = true;
               // onderstaande werkt wel
               obj.style.background='black';
               /* onderstaande lijkt te werken, maar werkt eigenlijk niet
                  omdat de achtergrond zwart is, wordt het font automagisch wit.
                  maar het blijft een font met een domme slagschaduw, en als je de
                  achtergrond niet aanpast, werkt het niet
               */
               obj.style.color='white';

         }

aanroep:

1	<input id="edibulb" name="edibulb" onclick="alterStyle(this)">

"Het geheugen van het hart zeeft slechte herinneringen weg en maakt de goede mooier. Dat stelt ons in staat om met het verleden te leven." - Gabriel Garcia Marquez

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:19:32 #134

Etcetera

*pffrrrwwwt*

is het mogelijk om aan 1 submit knop 2 javascriptjes te hangen? zo ja, hoe??

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

dinsdag 8 augustus 2006 @ 19:24:06 #135

HuHu

quote:
Op dinsdag 8 augustus 2006 19:19 schreef Etcetera het volgende:
is het mogelijk om aan 1 submit knop 2 javascriptjes te hangen? zo ja, hoe??

Het ene javascript de andere laten aanroepen. Of nog een derde javascript maken dat de eerste twee 1 voor 1 aanroept.

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:29:43 #136

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:24 schreef HuHu het volgende:

[..]

Het ene javascript de andere laten aanroepen. Of nog een derde javascript maken dat de eerste twee 1 voor 1 aanroept.

hmmm klinkt logisch

maar hoe doe ik dat? ik heb dit script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

function afhandelen(){

// Dit stuk script zorgt ervoor dat de ingevoerde naam wordt opgeslagen
var naamVeld = document.getElementById ("naamVeld");
var naam = naamVeld.value;
var naamCell = document.getElementById ("naamCel");
naamCell.innerHTML = naam;

// Dit stuk script zorgt ervoor dat het ingevoerde bedrijf wordt opgeslagen
var bedrijfVeld = document.getElementById("bedrijfVeld");
var bedrijf = bedrijfVeld.value;
var bedrijfCell = document.getElementById ("bedrijfCel");
bedrijfCell.innerHTML = bedrijf;

//Dit stuk script zorgt ervoor dat het ingevulde adres wordt opgeslagen
var adresVeld = document.getElementById ("adresVeld");
var adres = adresVeld.value;
var adresCell = document.getElementById ("adresCel");
adresCell.innerHTML = adres;

//Dit stuk script zorgt ervoor dat de ingevulde cijfers van de postcode worden opgeslagen
var postcodecijfersVeld = document.getElementById ("postcodeCijfersVeld");
var postcodecijfers= postcodecijfersVeld.value;
var postcodecijfersCell = document.getElementById ("postcodecijfersCel");
postcodecijfersCell.innerHTML = postcodecijfers;

//Dit stuk script zorgt ervoor dat de ingevulde postcodeletters worden opgeslagen
var postcodelettersVeld = document.getElementById ("postcodeLettersVeld");
var postcodeletters = postcodelettersVeld.value;
var postcodelettersCell = document.getElementById ("postcodelettersCel");
postcodelettersCell.innerHTML = postcodeletters;

//Dit stuk script zorgt ervoor dat de ingevulde plaats wordt opgegeslagen
var plaatsVeld = document.getElementById ("plaatsVeld");
var plaats = plaatsVeld.value;
var plaatsCell = document.getElementById ("plaatsCel");
plaatsCell.innerHTML = plaats;

// Dit stuk script zorgt ervoor dat het ingevulde telefoonnummer wordt opgeslagen
var telefoonVeld = document.getElementById ("telefoonVeld");
var telefoon = telefoonVeld.value;
var telefoonCell= document.getElementById ("telefoonCel");
plaatsCell.innerHTML = plaats;

//Dit stuk script zorgt ervoor dat de ingevulde functie wordt opgeslagen
var functieVeld = document.getElementById ("functieVeld");
var functie = functieVeld.value;
var functieCell = document.getElementById ("functieCel");
functieCell.innerHTML = functie

//Dit stuk script zorgt ervoor dat de ingevulde extra informatie wordt opgeslagen
var infoVeld = document.getElementById ("infoVeld");
var informatie = infoVeld.value;
var infoCell = document.getElementById ("inforCel");
infoCell.innerHTML = informatie;

return false;
}

en ik wil dat de inhoud van de cellen gecontroleerd wordt met dit script:

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

function controle()

{

if
(
document.contact.naamVeld.value == "" ||
document.contact.bedrijfVeld.value == "" ||
document.contact.adresVeld.value == "" ||
document.contact.postcodeLettersVeld.value == "" ||
document.contact.postcodeCijfersVeld.Value == "" ||
document.contact.plaatsVeld.Value == "" ||
document.contact.telefoonVeld.Value == "" ||
document.contact.functieVeld.Value == "" ||
document.contact.infoVeld.Value == ""
)
{
alert('Vul alle velden in aub.');
return false;
}
return true;
}

de scriptjes werken (

) maar nu wil ik nog dat ze tegelijkertijd werken zeg maar. dat je 1x klikt en verder geen gezeik hebt als het ware. dus hoe laat ik het ene javascript (de controle) de andere (de afhandeling) oproepen??

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

dinsdag 8 augustus 2006 @ 19:32:30 #137

HuHu

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

function doe_alles()
{
  if(controle())
  {
    afhandelen();
    return true;
  }
  else
  {
    return false;
  }
}

Zoiets?

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:33:03 #138

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:32 schreef HuHu het volgende:

[ code verwijderd ]

Zoiets?

ik ga proberen

iig bedankt (en tot over een paar uur

snap nog steeds niet veel van JS)

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

dinsdag 8 augustus 2006 @ 19:34:29 #139

HuHu

quote:
Op dinsdag 8 augustus 2006 19:33 schreef Etcetera het volgende:

[..]

ik ga proberen iig bedankt (en tot over een paar uur snap nog steeds niet veel van JS)

Ik heb het nog even aangepast. Ik weet niet wat je wil doen nadat het formulier is afgehandeld? Moet het formulier dan gesubmit worden, of niets gebeuren?

Als er niets moet gebeuren, dan moeten beide returns false geven en kan je deze dus onderaan neerzetten in doe_alles().

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:37:47 #140

Etcetera

*pffrrrwwwt*

quote:
Op dinsdag 8 augustus 2006 19:34 schreef HuHu het volgende:

[..]

Ik heb het nog even aangepast. Ik weet niet wat je wil doen nadat het formulier is afgehandeld? Moet het formulier dan gesubmit worden, of niets gebeuren?

Als er niets moet gebeuren, dan moeten beide returns false geven en kan je deze dus onderaan neerzetten in doe_alles().

je was me een stap voor, het moet namelijk leesbaar zijn onderaan m'n formulier en dat was niet het geval. ff aanpassen

edit: hmmm het werkt nog niet helemaal, de pagina wordt meteen gerefreshed

ik zie ook geen fouten in de js console van ff, mss dat ik een return false verkeerd heb neergezet

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

dinsdag 8 augustus 2006 @ 19:44:32 #141

HuHu

Als de pagina niet moet refreshen moet je dit doen:

1
2
3
4
5
6
7
8

function doe_alles()
{
  if(controle())
  {
    afhandelen();
  }
  return false;
}

Redactie Frontpage dinsdag 8 augustus 2006 @ 19:54:21 #142

Etcetera

*pffrrrwwwt*

mede dankzij jou

werkt het

had bij onsubmit nog niet return staat

It's not just sex, it's love
It's two people connecting
With four other people
And aliens

donderdag 10 augustus 2006 @ 13:48:25 #143

hbruyn

Ben benieuwd

NOGMAALS:

Wie heeft er verstand van javascript en wil mij, evt. tegen betaling, helpen?

Het volgende probleem.
Ik heb een script wat, bij het klikken op een menuitem, een foto fade naar de foto die bij het menuitem hoort. Nu werkt dit prima als je maar wacht met op het volgende menuitem klikken totdat de fotofade volledig is uitgevoerd. Klik je eerder, dan raakt het script in de war en gaan volgende fotofades niet goed meer.

De site waar de fout te zien is is:

w w w . k a t j a w o g n u m . n l

Alvast bedankt

Webhype, Hosting & Design. >>> 600 Mb, 6 Gb, € 60,-/jaar
Een eigen webwinkel met gratis klanten? koopjeswinkelen.nl!

woensdag 16 augustus 2006 @ 11:10:14 #144

HuHu

Ik wil op een pagina alle afbeeldingen met een-foute-url vervangen door een plaatje met een-goede-url. Daarvoor had ik dit script gemaakt, maar dat werkt niet goed:

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

var plaatjes = document.images;
var aantal = plaatjes.length;

for(i=0;i<=aantal;i++)
{
  //Vervang foute plaatje voor een goede.
  var plaatje = plaatjes[i];

  if(plaatje.src == "de-foute-url")
  {
    plaatje.src = "de-goede-url";
  }
}

Maar nu krijg ik: plaatje has no properties. Heeft iemand een suggestie of idee hoe dit goed te doen?

woensdag 16 augustus 2006 @ 11:20:58 #145

t-x-m

. : : T-X-M : : . .

quote:
Op woensdag 16 augustus 2006 11:10 schreef HuHu het volgende:
Ik wil op een pagina alle afbeeldingen met een-foute-url vervangen door een plaatje met een-goede-url. Daarvoor had ik dit script gemaakt, maar dat werkt niet goed:
[ code verwijderd ]

Maar nu krijg ik: plaatje has no properties. Heeft iemand een suggestie of idee hoe dit goed te doen?

Bij mij werkt het gewoon. Let wel op dat je het script pas laad nadat de pagina(en dus de plaatjes) is geladen, dus ergens onder aan of in je <body onload="vervang_plaatjes()"> ofzo?

1
2
3
4
5
6

<img src="./home.gif id="plaatje1">
<script type="javascript">
document.getElementById('plaatje1').src = "home2.gif"; //werkt dus wel
document.getElementById('plaatje2').src = "test2.gif"; //werkt dus niet
</sript>
<img src="test.gif" id="plaatje2">

Blijf van mn UserIcon af Admins :@

woensdag 16 augustus 2006 @ 11:41:13 #146

HuHu

quote:
Op woensdag 16 augustus 2006 11:20 schreef t-x-m het volgende:

[..]

Bij mij werkt het gewoon. Let wel op dat je het script pas laad nadat de pagina(en dus de plaatjes) is geladen, dus ergens onder aan of in je <body onload="vervang_plaatjes()"> ofzo?
[ code verwijderd ]

Ik had 'm helemaal bovenin de pagina gezet. Naar onderen verplaatst en het werkt perfect.

Dank je.

woensdag 16 augustus 2006 @ 11:51:07 #147

t-x-m

. : : T-X-M : : . .

quote:
Op woensdag 16 augustus 2006 11:41 schreef HuHu het volgende:

[..]

Ik had 'm helemaal bovenin de pagina gezet. Naar onderen verplaatst en het werkt perfect.

Dank je.

Je kunt hem dus ook wel bovenin laten staan maar dan moet je er een functie van maken. Die je dan weer start in je body onload. Javascript staat een stuk mooier in je head dan ergens anders in je pagina

Blijf van mn UserIcon af Admins :@

woensdag 16 augustus 2006 @ 12:38:22 #148

HuHu

quote:
Op woensdag 16 augustus 2006 11:51 schreef t-x-m het volgende:

[..]

Je kunt hem dus ook wel bovenin laten staan maar dan moet je er een functie van maken. Die je dan weer start in je body onload. Javascript staat een stuk mooier in je head dan ergens anders in je pagina

I know, maar de <body> aanpassen gaat helaas niet.

Dus 't moet wel zo.

woensdag 16 augustus 2006 @ 13:09:39 #149

SuperRembo

Sinds 1998

Je hoeft niet de body aan te passen.

1
2
3

window.onload = function() {
// Deze code wordt uitgevoerd als de pagina geladen is.
}

woensdag 16 augustus 2006 @ 13:10:48 #150

HuHu

quote:
Op woensdag 16 augustus 2006 13:09 schreef SuperRembo het volgende:
Je hoeft niet de body aan te passen.
[ code verwijderd ]

Ah... dat is nog makkelijker.

Bedankt.

FOK!-Schrikkelbaas zaterdag 26 augustus 2006 @ 16:55:35 #151

Swetsenegger

Egocentrische Narcist

Hoi,

Ik probeer de inhoud van een textarea in een cookie te proppen.
Dat gaat ookprima, behalve newlines. De tekst tot aan de eerste newline staat in het cookie, alle tekst daarachter niet.

1
2
3
4
5
6
7
8
9

De output van document.write is wel correct. Tenminsten, in de source zie ik de newlines staan.

Kan ik in een cookie geen newlines opslaan?

-edit opgelost

1	onClick="document.cookie='remark='+escape(form.remark.value);" />

[ Bericht 14% gewijzigd door Swetsenegger op 26-08-2006 18:51:46 ]

 | FOK! Schrikkelbaasch

zaterdag 26 augustus 2006 @ 20:37:00 #152

fokME2

Je kan in een cookie zover ik weet inderdaad geen newlines opslaan.

Ik vond deze website die wat PHP en Javascript functies naast elkaar gooit (implode en explode bijvoorbeeld). Misschien dat je daar wat mee kunt.

FOK!-Schrikkelbaas zaterdag 26 augustus 2006 @ 21:08:14 #153

Swetsenegger

Egocentrische Narcist

quote:
Op zaterdag 26 augustus 2006 20:37 schreef fokME2 het volgende:
Je kan in een cookie zover ik weet inderdaad geen newlines opslaan.

Ik vond deze website die wat PHP en Javascript functies naast elkaar gooit (implode en explode bijvoorbeeld). Misschien dat je daar wat mee kunt.

Je kan dus wel newlines opslaan in een cookie. Javasciprt kan blijkbaar geen newlines in vars aan. als je ze escaped werkt het prima

 | FOK! Schrikkelbaasch

zaterdag 26 augustus 2006 @ 21:18:59 #154

fokME2

Hoe escape je die dan mbv javascript? (nog niet veel ervaring met javascript)

FOK!-Schrikkelbaas zaterdag 26 augustus 2006 @ 21:58:53 #155

Swetsenegger

Egocentrische Narcist

escape(var) of gewoon backslashen

 | FOK! Schrikkelbaasch

zaterdag 26 augustus 2006 @ 22:08:57 #156

ralfie

!Yvan eht nioj

quote:
Op zaterdag 26 augustus 2006 21:18 schreef fokME2 het volgende:
Hoe escape je die dan mbv javascript? (nog niet veel ervaring met javascript)

1	escape ( string )

EDIT: ah, te laat

[ Bericht 9% gewijzigd door ralfie op 26-08-2006 22:15:48 ]

zaterdag 26 augustus 2006 @ 22:33:33 #157

fokME2

Enthousiasme

.

vrijdag 1 september 2006 @ 12:01:45 #158

splendor

...

wanneer ik dit gebruik:
document.frmChannelOptions.radio1.length
krijg ik netjes terug dat ik 3 radio buttons heb met allemaal de naam radio1, en dus kan ik aan de hand van
document.frmChannelOptions.radio1[2].value
bijvoorbeeld uit de 2e radiobutton de value halen.

maar nu wil ik met een while loopje die radio1 veranderen in radio2, radio3, etc.

dus ik probeer
var radiolala = 'radio' + i;

en vervolgens
document.frmChannelOptions.radiolala.length

maar dat pakt ie niet, waarom niet? Hoe moet ik in zo'n document.frmChannelOptions. een variable stoppen?
als ik alert radiolala doe komt er wel gewoon netjes radio1 of radio2 uit, enz.

bvd.

-

zondag 3 september 2006 @ 21:01:43 #159

SuperRembo

Sinds 1998

1 2	var radiolala = 'radio' + i; document.frmChannelOptions.elements[radiolala].length

zondag 3 september 2006 @ 23:58:35 #160

splendor

...

Bedankt, weer zo'n simpele oplossing maar je moet het maar net weten

of weten hoe ernaar te zoeken..

-

maandag 4 september 2006 @ 07:59:07 #161

SuperRembo

Sinds 1998

Het is een feature van javascript: je kunt een property van een object ook aanspreken als een element van een array:

1
2
3

var form = document.forms['myForm'];// array notatie
var form = document.forms.myForm;// property notatie
var form = document.myForm;// verkorte notatie

dinsdag 5 september 2006 @ 17:59:49 #162

marcb1974

Dakshin Ray

<input type="radio" name="overig" value="overig">Overig<p>

</form>

Ik heb bovenstaande code. Hoe krijg ik hem nou zover dat er maar 1 selecteerbaar is? Ik kan er nu meer selecteren en dat is niet de bedoeling.

stupidity has become as common as common sense was before

dinsdag 5 september 2006 @ 18:10:42 #163

SuperRembo

Sinds 1998

Allemaal dezelfde name geven. Simpel

dinsdag 5 september 2006 @ 18:25:00 #164

marcb1974

Dakshin Ray

quote:
Op dinsdag 5 september 2006 18:10 schreef SuperRembo het volgende:
Allemaal dezelfde name geven. Simpel

Logisch wel ja

Sorry

stupidity has become as common as common sense was before

woensdag 6 september 2006 @ 11:23:07 #165

Sitethief

Fulltime Flapdrol

Kort vraagje:

1
2
3
4

Dat zorgt ervoor dat je een andere pagina te zien krijgt als dat je refer is ?

Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht >:)

woensdag 6 september 2006 @ 12:28:51 #166

Darkomen

window.location=

maar dan klopt het

zaterdag 9 september 2006 @ 18:03:29 #167

marcb1974

Dakshin Ray

Ik moet van een formulier controleren of een aantal velden is ingevuld. Nu heb ik de volgende code:

function controleer(){
// controleer of de gebruiker een waarde heeft ingevoerd
if (document.form1.naam.value == ''){
//nee
alert('Vul alle verplichte velden in aub');
return false
}
else{
popup();
}
}

Dit is de controle op het eerste veld. Als ik nu meer velden wil controleren moet ik volgens mij iets krijgen van:
if (document.form1.naam.value == '' || document.form1.voorletters.value = ''){

Alleen als ik het cursieve deel toevoeg gaat het fout en krijg ik foutmeldingen.
Wat doe ik fout?

stupidity has become as common as common sense was before

zaterdag 9 september 2006 @ 18:26:38 #168

ralfie

!Yvan eht nioj

dubbele = teken gebruiken, geen enkel (== vergelijken, = toewijzen van variabele)

zaterdag 9 september 2006 @ 22:31:57 #169

marcb1974

Dakshin Ray

quote:
Op zaterdag 9 september 2006 18:26 schreef ralfie het volgende:
dubbele = teken gebruiken, geen enkel (== vergelijken, = toewijzen van variabele)

Dat had ik moeten zien ja

thx

stupidity has become as common as common sense was before

zaterdag 9 september 2006 @ 22:41:20 #170

marcb1974

Dakshin Ray

quote:
<select name="landen">
<option selected>Kies uw land
<option value="Australie">Australie
<option value="Belgie">Belgie
<option value="Canada">Canada
<option value="Denemarken">Denemarken
<option value="Duitsland">Duitsland
<option value="Engeland">Engeland
<option value="Frankrijk">Frankrijk
<option value="Luxemburg">Luxemburg
<option value="Nederland">Nederland
<option value="Nieuw-Zeeland">Nieuw-Zeeland
</select>

Hoe kan ik hierbij in een functie controleren of er iets is geselecteerd, en er dus niet de standaard waarde nog staat?

Ik heb nu:

quote:
function land(){
// controleer of de gebruiker een waarde heeft ingevoerd
if (document.form1.land.value == true){
//nee
alert('Vul alle verplichte velden in aub');
return false;
}
}

maar dat is duidelijk niet goed.

stupidity has become as common as common sense was before

zondag 10 september 2006 @ 11:39:46 #171

Darkomen

1
2
3
4
5

<select name="landen" id="landen">
if(document.getElementById('landen').selectedIndex=='0')
{
//Something
}

zondag 10 september 2006 @ 11:51:09 #172

marcb1974

Dakshin Ray

quote:
Op zondag 10 september 2006 11:39 schreef Darkomen het volgende:

[ code verwijderd ]

Thx,

[ Bericht 21% gewijzigd door marcb1974 op 10-09-2006 22:30:13 ]

stupidity has become as common as common sense was before

zondag 10 september 2006 @ 12:02:43 #173

Knut

Loyal Dog

Ik ben bezig met een stukje js die een textarea aanmaakt in een bepaalde div. Dat werkt allemaal goed maar nu wil ik dus kijken of de textarea al bestaat. Als hij niet bestaat een nieuwe aanmaken en anders negeren.

1
2
3

obj=document.getElementById('textarea'+ reactId);
alert(typeof(obj));
if (typeof(obj)!='undefined'){

Dit zou (Volgens mij) moeten werken maar ik krijg altijd "object" uit de alert...

[20:25] [Knut] Een vrouw met een kerst fetish...
[20:26] [Knut] Niet zo letterlijk dat ik haar met baard om moet HOHOHOEN
[20:26] [Knut] maar je snapt het idee wel.

zondag 10 september 2006 @ 22:23:46 #174

SuperRembo

Sinds 1998

Waarom typeof 'object' geeft snap ik niet helemaal. Het is wel een object, maar zonder property's.
Wat wel gewoon werkt is dit:

1
2
3
4

var obj = document.getElementById('textarea'+ reactId);
if (!obj) {
// create textarea
}

_{(Hier gaat nog iets mis met de code tag styling, maar dan alleen in edit preview mode)}

[ Bericht 4% gewijzigd door SuperRembo op 10-09-2006 23:46:52 ]

donderdag 14 september 2006 @ 20:14:57 #175

rickmans

Hasselmans

ik zit met een dufprobleem :{.
Ik gebruik de waarde van een textarea om door te geven naar een phpfile via een ajaxcall, alleen verdwijnt het teken '+' als sneeuw voor de zon. Iemand een idee om het op te lossen?

js:

1
2
3
4

var editText = encodeURIComponent(document.getElementById(newobjId).value);

# in onderstaande functie is het derde argument de post string voor het xmlhttp request
ahahCall('url', objId, 'action=editReact&reactId='+reactId+'&reactArea='+ editText, 'returnText');

In php doe ik het volgende:

1
2
3

<?php
$_POST["reactArea"]= urldecode($_POST["reactArea"]);
?>

Curiosity Killed The Cat

donderdag 14 september 2006 @ 21:41:55 #176

SuperRembo

Sinds 1998

Je doet in PHP wel een urldecode(), maar je hebt de data niet geurlencode. In javascript kan dat met encodeURIComponent . Die functie bestaat trouwens niet in oudere versies van IE (versie 5 en lager als ik het goed heb). Soms wordt hier de escape() functie gebruikt, maar die gebruikt een andere encoding.

donderdag 14 september 2006 @ 21:58:36 #177

rickmans

Hasselmans

quote:
Op donderdag 14 september 2006 21:41 schreef SuperRembo het volgende:
Je doet in PHP wel een urldecode(), maar je hebt de data niet geurlencode. In javascript kan dat met encodeURIComponent . Die functie bestaat trouwens niet in oudere versies van IE (versie 5 en lager als ik het goed heb). Soms wordt hier de escape() functie gebruikt, maar die gebruikt een andere encoding.

*kuch* die functie staat er wel

.

Curiosity Killed The Cat

donderdag 14 september 2006 @ 22:06:36 #178

SuperRembo

Sinds 1998

ai, ik ben blind

Bij nader inzien is de urldecode() in php gewoon overbodig. Dat doet php zelf al bij het omzetten van de request naar de $_POST en $_GET array's.

donderdag 14 september 2006 @ 22:09:28 #179

rickmans

Hasselmans

dat was hem

.

Curiosity Killed The Cat

zondag 17 september 2006 @ 12:57:25 #180

mschol

ben ik weer met vast een simpele vraag:
ik heb een dropdownlist waar 4 waardes in staan met de volgende value's :
AT, FG, P, C
voor elk van deze value is ook een gelijknamige DIV beschikbaar

nu kan ik d.m.v. de volgende code:

1	<select name="add_type" onchange="document.getElementById(this.value).style.display = 'Block';document.getElementById(this.value).style.visibility = 'visible'">

netjes de bijbehorende div zichtbaar maken maar ik wil dat hij dan ook de andere div's die zichtbaar zouden zijn ook sluit...

ik heb het zelf ooit op deze manier opgelost in een ander script:

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

maar ik mag aannemen dat het simpeler moet kunnen?

maandag 18 september 2006 @ 22:35:51 #181

SuperRembo

Sinds 1998

Het heeft in ieder geval geen zin om iets wat je niet laat zien (display none) ook nog eens te verbergen (visibility hidden). Het makkelijkst is om een lijstje met id's te maken waarvan je er altijd maar 1 tegelijk laat zien.

1
2
3
4
5
6
7

var divs = ['AT', 'FG', 'P', 'C'];

function showDiv(id) {
   for (var i = 0; i < divs.length; i++) {
      document.getElementById(divs[i]).style.display = (divs[i] == id ? 'block' : 'none');
   }
}

Je zou die divs ook allemaal in een andere div kunnen zetten. Dan kan je door de divs heen lopen zonder dat je de id's in een lijstje hoeft te zetten.

dinsdag 19 september 2006 @ 13:17:36 #182

Desdinova

Olaa

1
2
3
4
5
6
7

Dit is een stukje van mijn code. Dit staat in form met name new_page.

Ik wil graag dat hij een melding geeft als geen van de allowed checked is.. het aantal allowed is variabel. Hoe kan ik dit het beste aanpakken?

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 19 september 2006 @ 15:51:03 #183

Darkomen

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

Zoiets, niet gechecked trouwens

dinsdag 19 september 2006 @ 16:02:28 #184

SuperRembo

Sinds 1998

Dit gaat natuurlijk niet werken:

1	document.new_page.allowed[].checked

1	var allowed = document.forms['new_page'].elements['allowed[]'];

Hiermee krijg je een array met al je allowed[] checkboxen. Daar moet je dan even doorheen loopen om te kijken of er een checked is.

dinsdag 19 september 2006 @ 16:30:25 #185

Desdinova

Olaa

tenks

met de combinatie kom ik in de goede richting. rest gaat wel lukken!

[edit]

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

dit is hem geworden. werkt goed

[edit2]

1
2
3
4
5
6
7
8
9

en zo istie zonder de dingen die dr niet in hoeven

[ Bericht 55% gewijzigd door Desdinova op 19-09-2006 16:46:33 ]

As a rule, I never touch anything more sophisticated and delicate than myself.

dinsdag 19 september 2006 @ 16:39:45 #186

Darkomen

Edit: zie dat je zelf al wat hebt

dinsdag 19 september 2006 @ 18:39:49 #187

SuperRembo

Sinds 1998

" == true" is natuurlijk overbodig.

woensdag 20 september 2006 @ 00:11:56 #188

Siegfried

Hoe zorg ik ervoor dat als ik in een dropdown menu een bepaalde optie selecteer (bijvoorbeeld: "Anders, namelijk:") dat er dan een eerder disabled textfield enabled wordt.

Als je dan weer een andere optie kiest dan moet ie weer disabled worden.

Ik heb nu dit, maar hij enabled niet meer nadat hij disabled is..

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

woensdag 20 september 2006 @ 08:54:40 #190

CraZaay

prettig gestoord

Probeer eens iets als this.value mee te sturen naar je method, ipv alleen this.

woensdag 20 september 2006 @ 15:29:51 #191

SuperRembo

Sinds 1998

1
2
3

function disableField(el) {
document.forms['form1'].elements['emailaddress'].disabled = (el.value == '1');
}

En dan aanroepen met onchange="disableField(this)"

donderdag 21 september 2006 @ 09:41:36 #192

Siegfried

Ik wil em eigenlijk graag aanroepen met de naam van het textfield, die ik dan als variable kan gebruiken binnen de functie.. Maar dat krijg ik maar niet werkend:

1
2
3
4
5
6
7
8
9

function disableField(field)
{
document.form1.+field.value+.disabled=true;
}

function enableField(field)
{
document.form1.+field.value+.disabled=true;
}

1
2
3
4
5
6
7
8
9

<p>Verzend-adres:
    <select name="select">
      <option onclick="javascript:disableField(sender-adress)">info@domein.nl</option>
      <option onclick="javascript:disableField(sender-adress)">noreply@domein.nl</option>
      <option onclick="javascript:disableField(sender-adress)">nieuwsbrief@domein.nl</option>
      <option onclick="javascript:enableField(sender-adress)">Anders..</option>
    </select>
    <input type="text" name="sender-address"/>
  </p>

Op deze manier moet het toch ook kunnen? Vast niet met de code die ik geschreven heb, maar ik ben dan ook nog niet zo thuis in Javascript..

donderdag 21 september 2006 @ 09:48:21 #193

Desdinova

Olaa

.value moet zoiezo weg want disabled is geen value

verder kunnen de plusjes ook weg want . is al plus

denk ik

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 21 september 2006 @ 09:56:41 #195

Siegfried

Nou, ik had het eerder werkend met onClick.
Maar dat was slechts voor 1 textfiedl. Nu wilde ik hem herbruikbaar maken..

donderdag 21 september 2006 @ 10:01:24 #197

Siegfried

quote:
Op donderdag 21 september 2006 09:57 schreef Scorpie het volgende:

[..]

Ja, en dat kan met de code van SuperRembo!

Hoe dan?
Want het form en element staan er vast in..

Hoe maak ik dat variabel?

donderdag 21 september 2006 @ 11:17:30 #198

Desdinova

Olaa

je zou onchange kunnen gebruiken in je select, met als value this.value. moet je wel je options een value meegeven

As a rule, I never touch anything more sophisticated and delicate than myself.

donderdag 21 september 2006 @ 11:40:10 #200

Siegfried

quote:
Op donderdag 21 september 2006 11:23 schreef Scorpie het volgende:

[..]

element kan je meegeven, form kan je vast ook wel wat mee verzinnen, mits je maar google gebruikt...

Denk niet dat ik niet google en niet zelf probeer, maar als je niet waar op te zoeken of wat te proberen dan vind je bar weinig kan ik je vertellen

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

[Javascript] voor dummies - deel 4

» digital corner

» digital corner