[Javascript] voor dummies deel 5

maandag 5 februari 2007 @ 15:58:44 #26

Siegfried

Korte vraag; kun je bij een alertbox de text op de OK-button veranderen?
Zo ja; hoe?

maandag 5 februari 2007 @ 18:30:05 #27

SuperRembo

Sinds 1998

Kort antwoord: nee.

maandag 5 februari 2007 @ 18:36:19 #28

Siegfried

Helaas. Zo'n vermoeden had ik al.

woensdag 7 februari 2007 @ 12:46:10 #29

koekiemonster

Goede reaktie ------------>

ik heb nu een cms waarmee ik door middel van js bepaalde informatie in een contentveld plaats.
nu wil ik deze informatie omvormen.

ik plaats door middel van een knop een javascript string, waarmee ik filmpjes kan tonen.
Nu wil ik onload een aantal elementen uit deze string filteren.
Het kan dus voorkomen dat onderstaande string meerdere keren voorkomt, met andere waarden.

Welke waarden wil ik filteren?
- width-waarde;
- height-waarde;
- van flashvars, de naam achter file=
- van flashvars de waarde achter img=

Dit is zo'n string, maar in mijn editor kunnen er dus bijvoorbeeld wel 10 vookomen.

quote:
<p id="player1881">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.
</p>

<script type="text/javascript">
var FO = {
movie:"player.swf",
width:" 200" ,
height:"200",
majorversion:"7",
build:"0",
bgcolor:"#FFFFFF",
flashvars:"file=/lynx/uploads/Flash/test.flv&showdigits=true&backcolor=0xABD7FE&showicons=true&image=bla.jpg"
};
UFO.create(FO, "player1881");
</script>

Hoe kan ik op de makkelijkste manier hierdoorheen loopen en de gewenste waarden filteren?

koekje erbij?

woensdag 7 februari 2007 @ 17:30:17 #30

koekiemonster

Goede reaktie ------------>

help?

koekje erbij?

woensdag 7 februari 2007 @ 18:03:52 #31

SuperRembo

Sinds 1998

quote:
Op woensdag 7 februari 2007 17:30 schreef koekiemonster het volgende:
help?

Niet al te ongeduldig doen he.

Met String.replace() en een regexp moet je een heel eind kunnen komen.

woensdag 7 februari 2007 @ 19:50:33 #32

Chandler

Leuke vraag denk ik:

Stel ik wil een POPUP op een website en deze popup wil ik maar 1x laten zien! nu hebben genoeg mensen een popup blokker dus als mensen de pagina reloaden dan krijgen ze de popup niet meer te zien. Nu wil ik alleen de popup laten verdwijnen als de popup daadwerkelijk is geopend.. hoe realiseer ik dit?

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

woensdag 7 februari 2007 @ 20:03:09 #33

SynchroSteve

Synchronous Insane

quote:
Op woensdag 7 februari 2007 19:50 schreef Chandler het volgende:
Leuke vraag denk ik:

Stel ik wil een POPUP op een website en deze popup wil ik maar 1x laten zien! nu hebben genoeg mensen een popup blokker dus als mensen de pagina reloaden dan krijgen ze de popup niet meer te zien. Nu wil ik alleen de popup laten verdwijnen als de popup daadwerkelijk is geopend.. hoe realiseer ik dit?

Met een cookie?

donderdag 8 februari 2007 @ 09:25:42 #34

Chandler

Cookie wordt toch ook aangemaakt wanneer de popup zich niet laat zien?

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

donderdag 8 februari 2007 @ 09:51:32 #35

ralfie

!Yvan eht nioj

quote:
Op donderdag 8 februari 2007 09:25 schreef Chandler het volgende:
Cookie wordt toch ook aangemaakt wanneer de popup zich niet laat zien?

Je kunt de popup het koekje laten bakken

donderdag 8 februari 2007 @ 16:01:25 #36

Chandler

true true, ik zal er eens naar kijken

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

woensdag 14 februari 2007 @ 14:27:25 #37

Chandler

Een andere vraag.

Ik heb de volgende scripts

popback.html

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

en popback1.html

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

Nu wil ik eingelijk het volgende.. De popup zit nu vast aan 1 veld, maar ik zou eingelijk variabelen mee willen geven aan de popup zodat ik de return veld variabel kan maken.

Heeft iemand een idee

^{ook van wat ik bedoel?}

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

woensdag 14 februari 2007 @ 14:40:47 #38

ralfie

!Yvan eht nioj

je kunt je variabelen in de url meegeven, een beetje zoals php en $_GET:

1
2
3

//popback.html
var returnvar='cijfer';
...window.open('popback1.html?returnvar='+returnvar...

en deze dan uitlezen dmv substrings vanaf window.location.href

óf je leest de variabele rechtstreekt uit van de opener:

1 2	//popback1.html onclick=returnvariable(opener.returnform, opener.returnvar, this.form.elements['cijfer'].value)"

Waar returnform en returnvar de variablen in de opener zijn met de juiste waarden:;

1
2
3

//popback.html
var returnform='userinfo';
var returnvar='cijfer';

woensdag 14 februari 2007 @ 18:18:03 #39

Chandler

Ik heb nu dit

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

en dan de popup

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

maar krijg een undefined te zien bij de alert in FF en IE :X why?

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

woensdag 14 februari 2007 @ 18:33:30 #40

ralfie

!Yvan eht nioj

Je definieert retvalue in een functie... Zelfs een simpele taal als Javascript kent scoping

woensdag 14 februari 2007 @ 19:11:09 #41

Chandler

omg, je hebt gelijk... heb het nu anders aangepakt en gewoon een variabel gezet in de geopende window

bv (even uit het hoofd)

opener.valuename = 'value';

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

dinsdag 20 februari 2007 @ 15:57:21 #42

Geqxon

Ik heb een textbox met als value een datum in het volgende formaat:

1	DD-MM-YYYY

Nu wil ik de dag die er op volgt weten, en weer terugschrijven. Mijn code:

1
2
3
4
5
6
7

var currentdate = document.getElementById('chosendate').value;
var newdate = new Date(currentdate.substring(6,10), currentdate.substring(3,5) - 1, currentdate.substring(0,2));
newdate.setTime(newdate.getTime() - 86400000);
newday = newdate.getDate();
newmonth = newdate.getMonth() +1;
newyear = newdate.getFullYear();
changevalue(newday + "-" + newmonth + "-" + newyear,'chosendate');

Het werkt prima, het enige nadeel van getDate en getMonth is dat ze er geen nul voor plakken wanneer de integer uit 1 digit bestaat (januari = 1, moet 01 zijn). Moet ik hier met een lapje code handmatig een 0 aan plakken, of is er een variant op getDate en getMonth?

Edit

Dat kon nog korter dan ik dacht

1 2	if (newday<=9) newday = "0" + newday; if (newmonth<=9) newmonth = "0" + newmonth;

En voor de nieuwsgierige personen de volledige code:

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

function dateButtons(dir){
   var currentdate = document.getElementById('chosendate').value;
   var newdate = new Date(currentdate.substring(6,10), currentdate.substring(3,5) - 1, currentdate.substring(0,2));

   if (dir == 'left')
      newdate.setTime(newdate.getTime() - 86400000);

   else if (dir == 'right')
      newdate.setTime(newdate.getTime() + 86400000);


   newday = newdate.getDate();
   if (newday<=9) newday = "0" + newday;
   newmonth = newdate.getMonth() +1;
   if (newmonth<=9) newmonth = "0" + newmonth;
   newyear = newdate.getFullYear();

   changevalue(newday + "-" + newmonth + "-" + newyear,'chosendate');
}

[ Bericht 35% gewijzigd door Geqxon op 20-02-2007 16:14:23 ]

dinsdag 20 februari 2007 @ 22:25:33 #43

SuperRembo

Sinds 1998

Javascript heeft standaard geen formatting functies, eigenlijk best onhandig. Ik heb deze functies een keer gemaakt. Ik ze nooit echt gebruikt, en ook niet grondig getest.

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

/*
   Converts the date to string using provided formatting.
   %D = full date (%d/%m/%Y)
   %T = full time (%H:%i:%s)
   %Y = year (4 digits)
   %y = year (2 digits)
   %m = month (01 - 12)
   %d = day (01 - 31)
   %H = hours (01 - 24)
   %h = hours (01 - 12)
   %i = minutes (01 - 59)
   %s = seconds (01 - 59)
   %A = AM/PM
   %% = %
*/
Date.prototype.format = function(format) {
   format = format.replace(/%D/g, "%d/%m/%Y");
   format = format.replace(/%T/g, "%H:%M:%S");

   format = format.replace(/%Y/g, this.getFullYear());
   format = format.replace(/%y/g, (this.getFullYear() % 100).toString().padLeft(2, '0'));
   format = format.replace(/%m/g, (this.getMonth () + 1).toString().padLeft(2, '0'));
   format = format.replace(/%d/g, this.getDate().toString().padLeft(2, '0'));

   format = format.replace(/%H/g, this.getHours().toString().padLeft(2, '0'));
   format = format.replace(/%h/g, ((this.getHours() + 11) % 12 + 1));
   format = format.replace(/%i/g, this.getMinutes().toString().padLeft(2, '0'));
   format = format.replace(/%s/g, this.getSeconds().toString().padLeft(2, '0'));
   format = format.replace(/%A/g, (this.getHours() < 12 ? "AM" : "PM"));
   format = format.replace("%%", "%");

   return format;
}

/*
   Pads a string on the left to a certain length with another string.
*/
String.prototype.padLeft = function(length, padding) {
   if (padding == '' || padding == null) padding = ' ';
   var result = this;
   var n = (length - this.length);
   if (n > 0) {
      while (padding.length < n) {
         padding += padding;
      }
      result = padding + result;
      result = result.substr(length - result.length);
   }
   return result;
}

1
2
3

var d = new Date();
var s = d.format('%D %T');
alert(s);

_{Date.format() kan ook nog wel wat geoptimaliseerd worden}

dinsdag 20 februari 2007 @ 23:06:28 #44

Geqxon

Mooie functie, die gaat even gebookmarked worden

Voor simpele dingen om bijvoorbeeld binnen een functie de huidige datum te verkrijgen (in bovenstaand formaat), gebruik ik PHP

FOK!-Schrikkelbaas dinsdag 27 februari 2007 @ 16:04:18 #45

Swetsenegger

Egocentrische Narcist

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

<html>
   <head>
      <title>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
      <script type="text/javascript">
      document.getElementById('display').innerHTML= 'test';
      </script>
   </head>
   <body>
      <div id="display" name="display">
         leeg
      </div>
   </body>
</html>

quote:
document.getElementById('display') has no properties

Ik begrijp niet wat ik fout doe?

 | FOK! Schrikkelbaasch

dinsdag 27 februari 2007 @ 16:08:02 #46

Geqxon

Zo uit mijn hoofd zou ik zeggen dat het niet werkt omdat het javascript uitgevoerd wordt nog voordat de div "display" op het scherm getekend is / geinitialiseerd is. Misschien er een functie van maken, en die in de onload gooien?

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

<html>
   <head>
      <title>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
      <script type="text/javascript">
         function test(){
               document.getElementById('display').innerHTML= 'test';
         }
      </script>
   </head>
   <body onload="test()">
      <div id="display" name="display">
         leeg
      </div>
   </body>
</html>

FOK!-Schrikkelbaas dinsdag 27 februari 2007 @ 16:09:51 #47

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 27 februari 2007 16:08 schreef Geqxon het volgende:
Zo uit mijn hoofd zou ik zeggen dat het niet werkt omdat het javascript uitgevoerd wordt nog voordat de div "display" op het scherm getekend is / geinitialiseerd is. Misschien er een functie van maken, en die in de onload gooien?

Dit is de versimpelde versie, hij wordt aangeroepen door een functie die na een submit wordt aangeroepen.

 | FOK! Schrikkelbaasch

dinsdag 27 februari 2007 @ 16:11:38 #48

Geqxon

Weet je zeker dat het niet ergens anders in zit? De code zoals ik die aan mijn post gehangen heb werkt onder Safari 2.0 namelijk prima, foutloos.

dinsdag 27 februari 2007 @ 16:39:52 #49

Darkomen

edit, lezen.

Ik heb trouwen geen probs met je script, werkt direct, misschien toch ff de volledige code?

[ Bericht 83% gewijzigd door Darkomen op 27-02-2007 16:46:38 ]

FOK!-Schrikkelbaas dinsdag 27 februari 2007 @ 16:58:37 #50

Swetsenegger

Egocentrische Narcist

Opgelost, klein foutje met returns

 | FOK! Schrikkelbaasch

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

» digital corner

» digital corner