[Javascript] voor dummies - Deel 2

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_29399548
Ik heb een array met een aantal woorden erin, en nu wil ik weten welke woorden er met een bepaalde lettercombinatie beginnen of welke woorden een bepaalde lettercombinatie bevatten. (bevatten of beginnen maakt in mijn geval niet uit, maar ik weet niet wat makkelijker is met javascript)

Ik heb al een while loop om het array door te lopen , maar hoe verder?
Vogelaars.nl
pi_29399762
Een loopje met een regexp.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29476748
edit: al opgelost

Via frame 2 voeg ik dynamisch DIVjes toe aan frame 1.
Deze DIVjes worden op exact dezelfde plek gezet (top: 5px, left: 0), position absolute.

Bij eentje ziet dat er bijvoorbeeld zo uit:


Maar, als ik nu een ander DIVje toevoeg, komt die niet op dezelfde plek maar eronder, zoals op deze afbeelding. De z-index verhogen van het nieuwe venster heeft geen zin:


Dat is niet zo erg, maar het vervelende is dat de style.top-positie nu 0px is, terwijl die op iets van 150px staat. Een functie waar ik mee bezig ben checkt of de DIVs boven het schermrand uitkomen, en zo ja, zetten die weer op 5px terug. Omdat de positie van het tweede (en elke volgend DIV) niet kloppen kunnen die niet worden verplaatst (alle DIVs zijn draggable).

Ik hoop dat het een klein beetje te volgen is. Kan iemand me helpen?

[ Bericht 6% gewijzigd door Nevermind op 07-08-2005 02:30:53 ]
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_29482243
Dit kan aan duizend en een dingen liggen. Online voorbeeldje?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29492377
Nee, maar ik editte in de eerste regel dat het al opgelost is
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_29506135
-edit-
nevermind

[ Bericht 92% gewijzigd door Nevermind op 09-08-2005 20:04:13 ]
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_29663043
quote:
Op zondag 8 mei 2005 14:17 schreef Litpho het volgende:

[..]

Dat kan (met drie keer een andere functienaam). Wat je ook kan doen is:
[ code verwijderd ]

en vervolgens je selectboxes als
[ code verwijderd ]

uitschrijven .

-edit- Wat SuperRembo zegt dus -edit-
Kan iemand me dit duidelijker uitleggen. Ik snap er weinig van.
Ik wil dus 1 functie hebben voor alles kiezen, en als attribuut bij het oproepen van de functie aangeven voor welke multiple selectfield het geldt.
Walltaping.... Dé nieuwste rage in Nederland? Nieuwsgierig? Kijk hier!
pi_29663653
Dat doet die functie toch? Je geeft de id op van het selectfield waarvan je alle opties wil selecteren.

1
2
3
4
5
6
7		function selectAll( uid ) {
   var el = document.getElementById(uid);
   if (!el) return;
   for(i=0; i < el.options.length; i++) {
      el.options[i].selected = true;   
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  dinsdag 23 augustus 2005 @ 09:39:46 #189
49558 1-of-6Billion
Up the shut fuck you must
pi_29878973
Ik wil graag een activiteitenkalender op de site van m'n sportvereniging. Er staat al een verjaardagenscriptje op. Het lijkt mij de makkelijkste manier om deze om te bouwen.
Maar ik ben een redelijke js-noob
Dit script geeft nu nog een gebeurtenis (verjaardag) van vandaag weer. Of een boodschap dat er geen taart is vandaag
Nou zou ik graag willen zien dat niet zozeer vandaag wordt weergegeven, maar alles van de komende 7 dagen OF de eerstvolgende gebeurtenis.

Kan/wil iemand mij op weg helpen?
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		<script type="text/javascript" language="javascript">

var jar = new Array()

// verander hieronder de datum en de namen van de jarigen 
Gebruik geen extra nullen. Dus niet: 05-09 maar gewoon 5-9
// je kunt er zoveel toevoegen als je wilt
jar ['3-1'] = new Array("gebeurtenis1");
jar ['4-2'] = new Array("gebeurtenis2");
jar ['5-3'] = new Array("gebeurtenis3");
jar ['22-8'] = new Array("gebeurtenis4");
jar ['23-8'] = new Array("gebeurtenis5");
jar ['10-10'] = new Array("gebeurtenis6");
jar ['12-11'] = new Array("gebeurtenis7");


// verander hieronder niets meer
var datum  =  new Date()
var dag    =  datum.getDate()
var maand  =  datum.getMonth() + 1
var alles  =  dag + '-' + maand

// verander hieronder de tekst die weergegeven moet worden
document.write('Deze week, ' + dag + '-' + maand + ', op het programma : ')
if(jar[alles])
        {
        i=0
        do
                {
                document.write(jar[alles][i] + '<br>')
                i++
                }
        while(i!=jar[alles].length)
        }
else
        {
        document.write('helaas.. vandaag geen taart.')
        }

</script>
I follow you......but not on Twitter
  donderdag 25 augustus 2005 @ 11:49:03 #190
49558 1-of-6Billion
Up the shut fuck you must
pi_29950973
kick.....

alleen de eerstkomende 6 gebeurtenissen weergeven dan?
I follow you......but not on Twitter
  vrijdag 26 augustus 2005 @ 16:39:05 #191
49558 1-of-6Billion
Up the shut fuck you must
pi_30001100
Helemaal niemand?

Dat was een goed idee van je Jump....
I follow you......but not on Twitter
pi_30012222
1
2
3
4
5
6
7
8
9
10
11		function FCKeditor_OnComplete( editorInstance )
{
var oCombo = document.getElementById( 'cmbToolbars' ) ;
oCombo.value = editorInstance.ToolbarSet.Name ;
oCombo.style.visibility = '' ;
}

function ChangeToolbar( toolbarName )
{
window.location.href = window.location.pathname + \"?do=news&action=add&Toolbar=\" + toolbarName ;
}


Deze code gebruik in het admin gedeelte van een website. Staat in een aparte .js file.

Als ik de site beziek met IE dan krijg ik een error van Visual Studio? Of ik de foutopsoring wil starten?

Ik kan zelf geen javascript, ziet iemand de fout?
pi_30024990
Heb je een element dat het id 'cmdToolbars' heeft?
Je kan overigens beter de javascriptconsole van firefox gebruiken. En foutopsporing uitschakelen in IE, want dat is erg irritant.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
  zaterdag 27 augustus 2005 @ 16:10:03 #194
49558 1-of-6Billion
Up the shut fuck you must
pi_30030846
Mijn probleem is ver opgelost.
De laatste vraag is van cosmetische aard. De datum-output van het script wat ik nu heb, is
mm / dd / yyyy. Ik zou dat liever als dd / mm / yyyy zien, maar daar kom ik écht niet uit.
Iemand suggesties?
de datum anders noteren in var arrBday werkt iig 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
73
74
75
76
77
78
79
80
81
82
83
84		<script type="text/javascript">
Date.prototype.getDiff = function(date, interval){
  if (typeof date == "string"){
     date = new Date(date);
  }
  if (isNaN(date) || !(date instanceof Date)){
     return NaN; //invalid date passed
  }
  if (typeof interval == "undefined") interval = "ms"; //msec (default)
  var diff = this - date; //alert(this+' - '+date+" = "+diff)//diff in msec
  switch(interval.toLowerCase()){
    case "s": //sec
      diff = diff/1000; break;
    case "n": //min
      diff = diff/(1000*60); break;
    case "h": //hr
      diff = diff/(1000*60*60); break;
    case "d": //day
      diff = diff/(1000*60*60*24); break;
    case "m": //month
      diff = diff/(1000*60*60*24*30); break;
    case "y": //year
      diff = diff/(1000*60*60*24*365); break;
    default:
      ; //msec
  }
  return Math.floor(diff);
}

var arrBday = [
  ['geb1','8/27/2005'],
  ['geb2','8/27/2005'],
  ['geb3','8/28/2005'],
  ['geb4','8/28/2005'],
  ['geb5','8/30/2005'],
  ['geb6','9/10/2005']
];

function getBdayList(numDays){
  var bday,temp,idx,diff;
  var today = new Date();
  var bdayList = new Array();
  for (var i=0;i<arrBday.length;i++){
    bday = new Date(arrBday[i][1]);
    if (isNaN(bday)) continue;
    temp = new Date(today.getFullYear(), bday.getMonth(), bday.getDate(), 23, 59, 59, 999);
    diff = temp.getDiff(today, "d");
    if (diff >= 0 && diff <= numDays){
       idx = bdayList.length;
       bdayList[idx] = new Object();
       bdayList[idx].name = arrBday[i][0];
       bdayList[idx].bday = arrBday[i][1];

    }
  }
  return bdayList;
}

function displayBdayList(){
  var bdayList = getBdayList(7);
  var len = bdayList.length;
  var s = "";
  if (len>0){
    for (var i=0; i<len; i++){
       if (s != ""){
          s += " " + bdayList[i].bday + " - " + bdayList[i].name + " <br />"
       }
       else{
          s = bdayList[i].bday + " - " + bdayList[i].name + " <br />"
       }
     }
  }
  else{
    s = "geen activiteiten.";
  }
  document.write(s);
}
</script>
</head>
<body>
<h1>Agenda</h1>
<script type="text/javascript">
displayBdayList();
</script>
I follow you......but not on Twitter
  FOK!-Schrikkelbaas zondag 28 augustus 2005 @ 15:03:54 #195
1972 Swetsenegger
Egocentrische Narcist
pi_30055391
In een javascript validatie functie, verander ik de border-kleur van een input veld indien het veld niet valideert. Nu moet die functie bij het aanroepen wel eerst alle borders terug zetten naar default values (anders blijven deze rood).

Hoe zet ik ze terug naar default values?
form.name.removeProperty('border'); werkt in ieder geval niet
 | FOK! Schrikkelbaasch
  † In Memoriam † zondag 28 augustus 2005 @ 15:18:33 #196
67005 pc-fr34k
"Internet=Telepathie"
pi_30055601
Of je hebt 2 css classes, de een bijvoorbeeld de neutrale kleur border en de andere bv rood voor fout. Je stelt alle input velden in op de neutrale kleur(Kan met een loopje of als het er niet veel zijn gewoon hardcoded) en je stelt de class van degene die niet valideerd in op de class met een rode border. .
Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/
pi_30056185
Je kan meerdere classes op 1 element gebruiken. Achter je normale class plak je (gescheiden door een spatie) een extra class (error). Om de errors te verwijderen loop je door alle elementen binnen het form en haal je 'error' uit de className.

1
2
3
4
5
6
7		input.text {
   background-color: #eef;
   border: 1px solid #339;
}
input.error {
   border: 1px solid #f33;
}


1
2
3
4
5
6		<form id="myForm">
   <input id="txtName" class="text" type="text" value="">
   <input id="txtDate"  class="text" type="text" value="">
   <input type="button" onclick="addError('txtDate');return false;" value="Add error">
   <input type="button" onclick="removeErrors('myForm');return false;" value="Remove error">
</form>


1
2
3
4
5
6
7
8
9
10
11
12
13		function addError(id) {
   var el = document.getElementById(id);
   el.className += ' error';
}
function removeErrors(parentId) {
   var parent = document.getElementById(parentId);
   if (!parent) return;
   var children = parent.getElementsByTagName('*');
   var i = children.length;
   while (i--) {
      children[i].className = children[i].className.replace(/\berror\b/gi, '');
   }
}
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  FOK!-Schrikkelbaas zondag 28 augustus 2005 @ 18:14:05 #198
1972 Swetsenegger
Egocentrische Narcist
pi_30057595
quote:
Op zondag 28 augustus 2005 15:18 schreef pc-fr34k het volgende:
Of je hebt 2 css classes, de een bijvoorbeeld de neutrale kleur border en de andere bv rood voor fout. Je stelt alle input velden in op de neutrale kleur(Kan met een loopje of als het er niet veel zijn gewoon hardcoded) en je stelt de class van degene die niet valideerd in op de class met een rode border. .
Het probleem is niet het zetten van de kleur, maar het resetten naar de default value:

Ik heb een form, onsubmit spring ik naar een validatie funtie.
Indien een veld niet valideert (bv naam), maak ik de border van de input rood geef een alert en return false.

De gebruiker weet zo welk veld niet goed is.

Tot zover geen probleem. Wanneer hij echter nu aanpast en wederom submit, en er zou een ander veld fout zijn, kleurt dat veld rood en return ik.

Maar nu is het naam veld wel goed, maar staat nog steeds rood. Ik moet dus elke keer als ik de functie aanroep de stijl resetten naar de default values. Dit is een input welke default geen opmaak heeft.
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas zondag 28 augustus 2005 @ 19:26:35 #199
1972 Swetsenegger
Egocentrische Narcist
pi_30058533
Ik heb vanalles geprobeerd, maar steeds gaat er wat mis.
Deze leek me nu het makkelijkst

1
2
3
4
5
6
7
8
9
10
11
12		function validate(form)
{
form.name.className="input";
        if (form.name.value=='')
        {
        alert('U heeft geen naam ingevuld');
        form.name.className='input_error';
        form.name.focus();
        return false;
        }
return true;
}

de volgende stijlen staan in mijn stylesheet
.input{
border:solid 1px rgb(180,180,180);
}

.input_error{
border:solid 1px rgb(180,180,180);
}

maar... hij veranderd de border niet van kleur bij een error. de alert krijg ik wel
 | FOK! Schrikkelbaasch
  FOK!-Schrikkelbaas zondag 28 augustus 2005 @ 19:28:32 #200
1972 Swetsenegger
Egocentrische Narcist
pi_30058561
Ik zie nu hier met posten pas dat ik mijn input error geen rode border heb gegeven na de copy paste
 | FOK! Schrikkelbaasch
pi_30060869
quote:
Op zaterdag 27 augustus 2005 12:27 schreef Nevermind het volgende:
Heb je een element dat het id 'cmdToolbars' heeft?
Je kan overigens beter de javascriptconsole van firefox gebruiken. En foutopsporing uitschakelen in IE, want dat is erg irritant.
Ja, die is er
  zaterdag 10 september 2005 @ 16:35:30 #202
115062 onderjas
Eigenlijk een trui
pi_30456097
Ik wil een half doorzichtige tabel maken, hoe doe ik dat?

En heeft iemand een tutorial voor van die ronde randen de plaatsen om een tabel.
pi_30456846
quote:
Op zaterdag 10 september 2005 16:35 schreef onderjas het volgende:
Ik wil een half doorzichtige tabel maken, hoe doe ik dat?

En heeft iemand een tutorial voor van die ronde randen de plaatsen om een tabel.
Dat doe je niet met javascript maar met css. Zie [CSS] voor dummies - Deel 2.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_30463588
Kan ook met javascript:

document.getElementById('idnaam').filters.alpha.opacity=opacity; (internet explorer)
document.getElementById('idnaam').style.MozOpacity=opacity/100; (mozilla)

Je moet dan wel je tabel een id geven en deze id neerzetten waar nu idnaam staat
de variabele opacity is een getal tussen 0 en 100
  † In Memoriam † maandag 12 september 2005 @ 07:54:27 #205
67005 pc-fr34k
"Internet=Telepathie"
pi_30505949
Ja, wat je nu doet is gewoon de CSS toewijzen via javascript, als js uit staat wordt het niet gestyled maar als je het in de CSS zet dan rendert het wel gewoon goed in elke browser die CSS ondersteund...
Wij zijn artificial intelligence. Overclock jezelf maar hou jezelf wel goed koel.
Ik ben gematigd verslaafd aan drugs-ik kan stoppen voor een periode of altijd-maar altijd is zo lang-leef in zonde met mate(n)
http://pc-fr34k.hyves.nl/blog/
pi_30547262
Ja, maar met javascript kan je de opacity variabel maken door het bijvoorbeeld in een functie te zetten, dat kan je met CSS niet doen.
pi_31001973
Ik wil een checkbox hebben, maar zodra ik hem aanklik wil ik een Ja/Nee venster krijgen met: "Weet je het zeker...."

Bij een klik op Nee gaat de checkbox uit, en bij Ja blijft hij aanstaan.
Kan iemand dat maken voor me
Walltaping.... Dé nieuwste rage in Nederland? Nieuwsgierig? Kijk hier!
pi_31002569
In paar minuten ingeklopt en dus compleet ongetest:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		<script type="text/javascript" language="Javascript">
function zekerweten(chk) {
   if (!chk.checked) {
      if (!confirm("Weet je het zeker?")) {
         return false;
      } else {
         return true;
      }
   } else {
      return true;
   }
}
</script>

<form name="bla" action="blaat">

[..]

<input type="checkbox" name="foo" onclick="return zekerweten(this);">

[..]

</form>
Unox, the worst operating system.
pi_31004194
Als ik hem aanklik gebeurt er niks, als ik hem uitklik dan zie ik pas die confirm...
klopt niet echt...
Walltaping.... Dé nieuwste rage in Nederland? Nieuwsgierig? Kijk hier!
pi_31005133
ff aanpassen:(!chk.checked) word dan (chk.checked) als ik het goed heb
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies - Deel 2
Index

» digital corner

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