[Javascript] voor dummies (deel 6)

zondag 22 juli 2007 @ 12:50:57 #121

Spockjuh_

mwoooah

quote:
Op donderdag 19 juli 2007 15:40 schreef Spockjuh_ het volgende:

als javascript nono zie ik geen ander keus dan me te wenden tot de experts hier...

ik zoek nameljik een tool die mij kan helpen met het zichtbaar maken van een foto plus informatietext wanneer je over een naam gaat met de muis. Ik heb al een script gevonden maar dat is hogere school werk, iets wat mij dus telang gaat duren.

Om een duidelijk beeld te geven zoek ik het volgende:

de gebruiker gaat met de muis over en/of klikt op de naam die er staat. op dat moment komt er een popup scherm naar voren waar een foto instaat en wat begeleidende informatie (mogelijk ook een clickable url als dat mogelijk is) . zoals ik al zei is mijn kennis wat betreft java echt minimaal dus zoek of een goede script die gebruksvriendelijk is OF iemand die tijd over heeft en me kan helpen om iig een begin te maken met dit alles..

elke hulp is welkom.. om het wat duidelijker te maken, het geheel moet komen in een geeklog cms systeem, de site vind je onder mijn profiel, kan bijna niet missen!

kunnen jullie nog eens een poging wagen, de boel draait weer..

Hooray for boobies!

FOK!-Schrikkelbaas vrijdag 27 juli 2007 @ 16:13:51 #122

Swetsenegger

Egocentrische Narcist

Als ik meerdere elementen met hetzelfde id heb in een source. Hoe kan ik dan met javascript de juiste vinden?

document.getElementById geeft volgens mij de eerste terug?

 | FOK! Schrikkelbaasch

vrijdag 27 juli 2007 @ 16:21:00 #123

Geqxon

quote:
Op vrijdag 27 juli 2007 16:13 schreef Swetsenegger het volgende:
Als ik meerdere elementen met hetzelfde id heb in een source. Hoe kan ik dan met javascript de juiste vinden?

document.getElementById geeft volgens mij de eerste terug?

Het probleem anders oplossen? Kun je niet alles een bepaalde class-name geven? getElements() oid?

FOK!-Schrikkelbaas vrijdag 27 juli 2007 @ 16:28:39 #124

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 27 juli 2007 16:21 schreef Geqxon het volgende:

[..]

Het probleem anders oplossen? Kun je niet alles een bepaalde class-name geven? getElements() oid?

neen... dat kan niet

het is niet mijn source

 | FOK! Schrikkelbaasch

vrijdag 27 juli 2007 @ 16:33:37 #125

Geqxon

quote:
Op vrijdag 27 juli 2007 16:28 schreef Swetsenegger het volgende:

[..]

neen... dat kan niet

het is niet mijn source

En staan alle items niet toevallig in bijvoorbeeld een tabel? Je zou dan een getElements kunnen uitvoeren, dan krijg je een array met alle elementen binnen deze tabel. Vervolgens een for-loopje er overheen, een if-statement (if element.id == 'swets'), en zo ja > Iets doen.

FOK!-Schrikkelbaas vrijdag 27 juli 2007 @ 16:38:24 #126

Swetsenegger

Egocentrische Narcist

quote:
Op vrijdag 27 juli 2007 16:33 schreef Geqxon het volgende:

[..]

En staan alle items niet toevallig in bijvoorbeeld een tabel? Je zou dan een getElements kunnen uitvoeren, dan krijg je een array met alle elementen binnen deze tabel. Vervolgens een for-loopje er overheen, een if-statement (if element.id == 'swets'), en zo ja > Iets doen.

nou dat is vrij lastig. er is de niet w3c document.all functie. Maar de juiste syntax om het tweede element met hetzelfde id te vinden is lastig

 | FOK! Schrikkelbaasch

vrijdag 27 juli 2007 @ 16:41:58 #127

Geqxon

quote:
Op vrijdag 27 juli 2007 16:38 schreef Swetsenegger het volgende:

[..]

nou dat is vrij lastig. er is de niet w3c document.all functie. Maar de juiste syntax om het tweede element met hetzelfde id te vinden is lastig :)

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

<div id="customerdatafield">
   <div id="negger">Data</div>
   <div id="swets">Data</div>
   <div id="negger">Data</div>
   <div id="swets">Data</div>
   <div id="negger">Data</div>
</div>

<script>

var parentdiv = "customerdatafield"
var childdiv = "swets";

var customerArray = document.getElementById(parentdiv).getElementsByTagName("div");

for (i = 0; i < customerArray.length; i++){
   var customer = customerArray[i];

   if (customer.id == childdiv){
      customer.style.backgroundColor = "#FF9900"
   }

}
</script>

Doet exact wat jij wilt. Gok ik. :)

zondag 19 augustus 2007 @ 20:40:17 #128

wobbel

Da WoBBeL King

Ik gebruik het volgende PHP, HTML en JS script:

Javascript code:

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

die ik op deze manier aanroep:

1	<input type="text" name="BarcodeInputVeld" id="BarcodeInputVeld" onBlur="BarcodeCheck(this.value)" />

vervolgens krijg ik van ajax_check.php een waarde terug die ik met <span id="BarcodeGeldigheid"> </span> bekijk...

Nu komt het probleem, ajax check.php poept het volgende uit richting de HTML pagina:

1 2	<br /><font color="#00c600"><strong>F. van Gaalen (Sempron 2800+)</strong></font> <script language="javascript">insRow()</script>

maar die code wordt niet uitgevoerd, want alert('hoi'); voert ie ook niet uit...whats the problem hiero? de tekst F. van Gaalen (Sempron 2800+) geeft ie wel netjes weer...

(en volgensmij werk ik heel erg verkeerd met AJAX, maar dan verbeter me maar (of geen tips enzo)

Hosted VoIP SIP trunks Vast mobiel VoIP

zondag 19 augustus 2007 @ 20:52:24 #129

Farenji

Als je mbv ajax een deel van een document dynamisch update, dan wordt javascript in die code idd niet uitgevoerd. Daar is weinig aan te doen behalve zelf alle javascript mbv "eval()" uitvoeren of je kan ook een of andere js lib gebruiken die dat voor je uit handen neemt (dojo kan dat bijv).

zondag 19 augustus 2007 @ 20:53:04 #130

Geqxon

Google eens wat op eval. Doet exact wat jij wilt.

zondag 19 augustus 2007 @ 21:28:02 #131

wobbel

Da WoBBeL King

quote:
Op zondag 19 augustus 2007 20:53 schreef Geqxon het volgende:
Google eens wat op eval. Doet exact wat jij wilt.

ik heb er al op gegoogled maar ik snap er echt geen fuck van...

Als ik namelijk hieronder een barcode invul:

en het is correct, dan wil ik namelijk het invul veld groen maken en 3 rijen toevoegen aan de tabel...

als ie niet correct is, dan mag het vakje rood worden en hoeven er niet 3 rijen te worden toegevoegd

Hosted VoIP SIP trunks Vast mobiel VoIP

zondag 19 augustus 2007 @ 23:20:20 #132

Farenji

Zo moeilijk is dat toch niet? Wat snap je niet?

maandag 20 augustus 2007 @ 15:34:04 #133

Qunix

In het PHP topic vroeg ik het volgende:

Ik heb een formulier en ik wil een voorbeeld zien voordat het gesubmit wordt via een button. Een voorbeeld verschijnt in een popup... Alle inhoud komt alleen niet aan in de popup. Wat doe ik fout?

Inmiddels ben ik erachter dat het eventueel wel mogelijk is met Javascript. Na wat zoeken kom ik niet verder dan een voorbeeld te krijgen op dezelfde pagina.

Kan iemand mij helpen?

maandag 20 augustus 2007 @ 15:39:37 #134

Farenji

Ik zou dat toch gewoon lekker met php doen en voor de preview een extra hidden formveld meesturen, preview=1, dat ervoor zorgt dat php de data niet wegschrijft maar alleen toont.

maandag 20 augustus 2007 @ 16:44:33 #135

wonderer

Hung like a My Little Pony

quote:
Op maandag 20 augustus 2007 15:34 schreef Qunix het volgende:
In het PHP topic vroeg ik het volgende:

Ik heb een formulier en ik wil een voorbeeld zien voordat het gesubmit wordt via een button. Een voorbeeld verschijnt in een popup... Alle inhoud komt alleen niet aan in de popup. Wat doe ik fout?

Inmiddels ben ik erachter dat het eventueel wel mogelijk is met Javascript. Na wat zoeken kom ik niet verder dan een voorbeeld te krijgen op dezelfde pagina.

Kan iemand mij helpen?

Zo'n functie heb ik toevallig deze week nog ergens gejat ;)

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

function winOpener(theURL, winName, scrollbars, resizable, width, height) {

  winFeatures = 'left=' + (screen.availWidth-10-width)/2 + ',top=' + (screen.availHeight-30-height)/2 + ',scrollbars=' + scrollbars + ',resizable=' + resizable + ',width=' + width + ',height=' + height + ',toolbar=0,location=0,status=0,menubar=0'
    window.open(theURL, winName, winFeatures);
}

//Function to open preview window
function OpenPreviewWindow(formName){

  now = new Date;
  submitAction = formName.action;
  submitTarget = formName.target;

  winOpener('','preview',1,1,640,400)

  formName.action = 'forum.php?c=preview';
  formName.target = 'preview';
  formName.submit();

  formName.action = submitAction;
  formName.target = submitTarget;
}

En in je html zet je dit:

1	<input type="button" class="inline_submit" name="submit_preview" value="voorbeeld" accesskey="p" onClick=" OpenPreviewWindow(document.forum_form);">

waar "forum_form" de naam is van je formulier.

"Pain is my friend. I can trust pain. I can trust pain to make my life utterly miserable."
"My brain is too smart for me."
"We don't need no education." "Yes you do, you just used a double negative."

maandag 20 augustus 2007 @ 16:59:44 #136

RM-rf

1/998001

quote:
Op maandag 20 augustus 2007 15:34 schreef Qunix het volgende:
In het PHP topic vroeg ik het volgende:

Ik heb een formulier en ik wil een voorbeeld zien voordat het gesubmit wordt via een button. Een voorbeeld verschijnt in een popup... Alle inhoud komt alleen niet aan in de popup. Wat doe ik fout?

Inmiddels ben ik erachter dat het eventueel wel mogelijk is met Javascript. Na wat zoeken kom ik niet verder dan een voorbeeld te krijgen op dezelfde pagina.

Kan iemand mij helpen?

wat je eigenlijk doet is gewoon een onclick-window-open() op de button...
dat betekent inderdaad dat er een 'gewoon' request gedaan wordt naar die pagina en géén formulier-waardes worden verstuurd...

dat is je probleem en dat is verder niet afhankelijk van php of javascript (als je liever javascript wil gebruiken om die preview te genereren moet je een functie die die gehele HTMl-code wegschrijft, ook dat is mogelijk)

wil je echter gewoon je bestaande code gebruiken, maar dan van je button een submit

1	<input type="submit" onclick="popup('preview.php');" name="preview" value="Voorbeeld" />

in je functie pop moet je ervoor zorgen dat het nieuwe venster een name krijgt bv "nieuwvenster" en het formulier een target en dus het nieuwe submit-request post naar "nieuwvenster"...

via $_POST["preview"] kun je de waarde opvragen van de button die naar de preview doorstuurd, die dient ook "Voorbeeld" te zijn

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

maandag 20 augustus 2007 @ 19:08:34 #137

Darkomen

1
2
3
4
5
6
7
8
9
10

Dit is wat ik gebruik om info vanuit een formulier te halen.
Dit staat dan in de popup!

donderdag 23 augustus 2007 @ 17:33:41 #138

wobbel

Da WoBBeL King

quote:
Op zondag 19 augustus 2007 23:20 schreef Farenji het volgende:
Zo moeilijk is dat toch niet? Wat snap je niet?

hoe ik dmv ajax er 3 extra rows bij kan krijgen, want javascript wordt niet uitgevoerd als ik ajax output

Hosted VoIP SIP trunks Vast mobiel VoIP

donderdag 23 augustus 2007 @ 19:08:49 #139

Qunix

Thanks

Ik ga morgen ermee aan de slag

woensdag 29 augustus 2007 @ 16:01:35 #140

Chandler

Stel ik heb een array in js

vb:

1	x = new Array("blaat" => "123", "woei" => "345");

hoe kan ik dan blaat en 123 uitlezen zoals in php met foreach ($x as $key => $value)

Anyone?

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

woensdag 29 augustus 2007 @ 16:10:47 #141

Geqxon

quote:
Op woensdag 29 augustus 2007 16:01 schreef Chandler het volgende:
Stel ik heb een array in js

vb:
[ code verwijderd ]

hoe kan ik dan blaat en 123 uitlezen zoals in php met foreach ($x as $key => $value)

Anyone?

1
2
3
4
5
6

for (itemkey in arrayx){
   var itemvalue = arrayx[itemkey];

   alert (itemkey);
   alert(itemvalue);
}

[ Bericht 11% gewijzigd door Geqxon op 29-08-2007 16:17:35 ]

woensdag 29 augustus 2007 @ 16:26:38 #142

Chandler

wist niet dat het zo gemakkelijk was

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

donderdag 30 augustus 2007 @ 11:33:13 #143

Chandler

Nog een vraag.

Ik wil bepaalde elementen in een pagina veranderen als de brouwser wordt verkleind, echter lukt het niet met onderstaande code

1	window.onresize = adBox();

Hoe doen jullie dit? PS onderstaande code is voor positioneren van Adsense SkyScraper

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

<table>
<tr>
    <td>Scherm breedte</td>
    <td><div id="pbreedte"></div></td>
</tr>
<tr>
    <td>Center scherm</td>
    <td><div id="pcenter"></div></td>
</tr>
<tr>
    <td>Positie links</td>
    <td><div id="plinks"></div></td>
</tr>
<tr>
    <td>Positie rechts</td>
    <td><div id="prechts"></div></td>
</tr>
</table>

<div id=centermidden style="position: absolute; top: 0; left: 0;display: none; border: 1px solid black; height: 300px; width: 160px; text-align: center;"> midden</div>
<div id=centerlinks style="position: absolute; top: 0; left: 0;display: none; border: 1px solid green; height: 300px; width: 160px;">Links</div>
<div id=centerrechts style="position: absolute; text-align: right; top: 0; left: 0;display: none; border: 1px solid orange; height: 300px; width: 160px;">Rechts</div>

<script language="javascript">

function adBox()
{
    contentSize = 500;

    document.getElementById('pbreedte').innerHTML = document.documentElement['offsetWidth'];
    document.getElementById('pcenter').innerHTML  = ((document.documentElement['offsetWidth'] -2)/2 - 80);

    midden = document.getElementById('pcenter').innerHTML;

    document.getElementById('plinks').innerHTML          = ((document.documentElement['offsetWidth']/2) - (contentSize /2) - 160);
    document.getElementById('centerlinks').style.left    = ((document.documentElement['offsetWidth']/2) - (contentSize /2) - 160);
    document.getElementById('centerlinks').style.display = 'block';

    document.getElementById('prechts').innerHTML          = ((document.documentElement['offsetWidth']/2) + (contentSize /2));
    document.getElementById('centerrechts').style.left    = ((document.documentElement['offsetWidth']/2) + (contentSize /2));
    document.getElementById('centerrechts').style.display = 'block';

    document.getElementById('centermidden').style.left    = document.getElementById('pcenter').innerHTML;
    document.getElementById('centermidden').style.display = 'block';
}

window.onresize = adBox();
adBox();
</script>

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

donderdag 30 augustus 2007 @ 11:36:46 #144

Geqxon

1	window.attachEvent("onresize", adBox)

Voor Internet Explorer tenminste. Die van Firefox is mij even ontvlogen.

Edit: Schaamteloze copy/paste:

1
2
3
4
5
6

if (window.addEventListener)       //DOM method for binding an event
   window.addEventListener("load", dothis, false)
else if (window.attachEvent)       //IE exclusive method for binding an event
   window.attachEvent("onload", dothis)
else if (document.getElementById) //support older modern browsers
   window.onload=dothis

donderdag 30 augustus 2007 @ 12:07:10 #145

Chandler

Leuke foutmelding van FF:

Fout: uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: file:///..../desktop/centerscreen.html :: <TOP_LEVEL> :: line 51" data: no]

Foutieve code

1	window.addEventListener("onresize", adBox(), false)

Ook foute code maar zonder error

1	window.addEventListener("onresize", adBox, false)

Beiden werken trouwens niet in FF

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

donderdag 30 augustus 2007 @ 12:13:11 #146

super-muffin

1	window.addEventListener("onresize", "adBox()", false);

Steam - SC2

donderdag 30 augustus 2007 @ 12:54:11 #147

Chandler

quote:
Op donderdag 30 augustus 2007 12:13 schreef super-muffin het volgende:
[ code verwijderd ]

Fout: uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: file:///.../desktop/centerscreen.html :: <TOP_LEVEL> :: line 51" data: no]

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

donderdag 30 augustus 2007 @ 12:55:30 #148

Geqxon

quote:
Op donderdag 30 augustus 2007 12:07 schreef Chandler het volgende:
Leuke foutmelding van FF:

Fout: uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: file:///..../desktop/centerscreen.html :: <TOP_LEVEL> :: line 51" data: no]

Foutieve code
[ code verwijderd ]

Ook foute code maar zonder error
[ code verwijderd ]

Beiden werken trouwens niet in FF

En wat als je er "resize" in plaats van "onresize" van maakt, en je geen haakjes achter je functie plakt?

donderdag 30 augustus 2007 @ 13:08:39 #149

Chandler

Helaas het zelfde effect...

echter werkt het wel weer als ik in de body onresize plaats

maar dat wil ik niet..

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
60
61
62
63
64
65
66
67
68
69
70
71
72

<html>
<head>
    <title>text resize</title>
</head>
<body onResize="adBox();">

<table>
<tr>
    <td>Scherm breedte</td>
    <td><div id="pbreedte"></div></td>
</tr>
<tr>
    <td>Center scherm</td>
    <td><div id="pcenter"></div></td>
</tr>
<tr>
    <td>Positie links</td>
    <td><div id="plinks"></div></td>
</tr>
<tr>
    <td>Positie rechts</td>
    <td><div id="prechts"></div></td>
</tr>
</table>

<div id=centermidden style="position: absolute; top: 0; left: 0;display: none; border: 1px solid black; height: 300px; width: 160px; text-align: center;"> midden</div>
<div id=centerlinks style="position: absolute; top: 0; left: 0;display: none; border: 1px solid green; height: 300px; width: 160px;">Links</div>
<div id=centerrechts style="position: absolute; text-align: right; top: 0; left: 0;display: none; border: 1px solid orange; height: 300px; width: 160px;">Rechts</div>

<script language="javascript">

function adBox()
{
    contentSize = 500;

    document.getElementById('pbreedte').innerHTML = document.documentElement['offsetWidth'];
    document.getElementById('pcenter').innerHTML  = ((document.documentElement['offsetWidth'] -2)/2 - 80);

    midden = document.getElementById('pcenter').innerHTML;

    document.getElementById('plinks').innerHTML          = ((document.documentElement['offsetWidth']/2) - (contentSize /2) - 160);
    document.getElementById('centerlinks').style.left    = ((document.documentElement['offsetWidth']/2) - (contentSize /2) - 160);
    document.getElementById('centerlinks').style.display = 'block';

    document.getElementById('prechts').innerHTML          = ((document.documentElement['offsetWidth']/2) + (contentSize /2));
    document.getElementById('centerrechts').style.left    = ((document.documentElement['offsetWidth']/2) + (contentSize /2));
    document.getElementById('centerrechts').style.display = 'block';

    document.getElementById('centermidden').style.left    = document.getElementById('pcenter').innerHTML;
    document.getElementById('centermidden').style.display = 'block';
}

if (window.addEventListener)       //DOM method for binding an event
{
    window.addEventListener("resize", adBox(), true)
}
else if (window.attachEvent)       //IE exclusive method for binding an event
{
    window.attachEvent("resize", adBox())
}
else if (document.getElementById) //support older modern browsers
{
    window.resize = adBox();
}

adBox();
</script>

</body>
</html>

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

donderdag 30 augustus 2007 @ 13:16:53 #150

Geqxon

Helaas kan ik het hier niet even snel cross-browser testen, maar dit stukje script werkt onder FireFox en IE7 prima:

1
2
3
4
5
6
7
8
9
10

function showMessage(){
   alert("Yoob");
}

if (window.addEventListener)       //DOM method for binding an event
   window.addEventListener("resize", showMessage, false)
else if (window.attachEvent)       //IE exclusive method for binding an event
   window.attachEvent("onresize", showMessage)
else if (document.getElementById) //support older modern browsers
   window.onresize=showMessage

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

» digital corner

» digital corner