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

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.

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

[Javascript] voor dummies - deel 4

» digital corner

» digital corner