[Javascript] voor dummies deel 5

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_48926291
Ik ben met Ajax bezig op een manier die ik altijd al gebruik, al krijg ik sinds vandaag een hele leuke error toegesmeten:

"Permission denied to call method XMLHttpRequest.open".

Een bekend probleem?
  woensdag 2 mei 2007 @ 14:27:52 #212
3677 SuperRembo
Sinds 1998
pi_48926369
Is het misschien een cross-domain request? Of anders een http request vanuit een https pagina?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_48927022
Dom dom, het is inderdaad een cross-domain request. Heb het maar via PHP afgehandeld, dat gaat wat makkelijker
pi_48927809
Had ik pas inderdaad pas ook
Uiteindelijk ook via php opgelost
pi_48986024
quote:
Op maandag 30 april 2007 12:17 schreef RayMania het volgende:

[..]

Ohja, ik zie het . Alleen in FireFox zie ik hem op elke pagina, niet met IE helaas.

En schuifbalken heb ik al gevonden .
ie gebruikt em dan ook waar hij voor bedoelt is , favorite icon
http://en.wikipedia.org/wiki/Favicon

anyway vraagje:

ik heb op mijn site een Javascript navigatie menu echter als JS uitstaat heb je er natuurlijk geen hol aan...

hoe kan ik op een makkelijke, en nette, manier een melding geven dat Javascript aan moet staan.
de pagina wordt met een home made template parser geparsed, dus dat zou ik dan ergens moeten onderbreken ofzo....
nu krijg ik linksboven in de melding die tussen <noscript></noscript> staat, dwars door me layout heen
  vrijdag 4 mei 2007 @ 00:59:23 #216
104583 cyberstalker
Een krachtig neen!
pi_48989325
quote:
Op donderdag 3 mei 2007 23:26 schreef mschol het volgende:

[..]

ie gebruikt em dan ook waar hij voor bedoelt is , favorite icon
http://en.wikipedia.org/wiki/Favicon

anyway vraagje:

ik heb op mijn site een Javascript navigatie menu echter als JS uitstaat heb je er natuurlijk geen hol aan...

hoe kan ik op een makkelijke, en nette, manier een melding geven dat Javascript aan moet staan.
de pagina wordt met een home made template parser geparsed, dus dat zou ik dan ergens moeten onderbreken ofzo....
nu krijg ik linksboven in de melding die tussen <noscript></noscript> staat, dwars door me layout heen
Noscript tags kun je ook met CSS stylen .
Hope for the best, prepare for the worst.
  vrijdag 4 mei 2007 @ 09:32:32 #217
12880 CraZaay
prettig gestoord
pi_48993690
Ergens die melding neerzetten en vervolgens hiden met JS (wa dus alleen werkt als de bezoeker daadwerkelijk JS draait) is over het algemeen redelijk afdoende

Overigens ben ik erg benieuwd hoe je menu eruit ziet, want de meeste JS menu's kun je prima toegankelijk maken voor mensen zonder JS.
pi_48993719
quote:
Op vrijdag 4 mei 2007 09:32 schreef CraZaay het volgende:
Ergens die melding neerzetten en vervolgens hiden met JS (wa dus alleen werkt als de bezoeker daadwerkelijk JS draait) is over het algemeen redelijk afdoende

Overigens ben ik erg benieuwd hoe je menu eruit ziet, want de meeste JS menu's kun je prima toegankelijk maken voor mensen zonder JS.
http://home.mschol.eu/
zie daar
menu is niet compleet, vanwege een bijna lege database maar idee is er

ik heb in de noscript tag gewoon een div gezet die me hele pagina overlapt, niet echt gebruikers vriendelijk maar ja, vind ik niet heel erg...
pi_49001815
Ik wil mijn checkboxen graag door afbeeldingen vervangen, waarbij ik tegen een klein punt aan loop: Is het mogelijk om een value attribuut aan een image te hangen? Op het moment bekijk ik de status door een regular expression over de source van de image te gooien, maar dat is iets te overdreven
pi_49002514
werkt het attribuut 'checked' niet?
pi_49002656
Het attribuut "checked" op een afbeelding?
pi_49002893
nee. oh, ik dacht dat je mbv CSS de checkboxes had vervangen door afbeeldingen.
pi_49003184
je zou die values wanneer er geklikt word op die afbeelding in een hidden text field kunnen toevoegen?
pi_49006420
quote:
Op vrijdag 4 mei 2007 13:49 schreef SlimShady het volgende:
nee. oh, ik dacht dat je mbv CSS de checkboxes had vervangen door afbeeldingen.
Dat zou ideaal zijn, is zoiets denk je mogelijk?
quote:
Op vrijdag 4 mei 2007 13:55 schreef Darkomen het volgende:
je zou die values wanneer er geklikt word op die afbeelding in een hidden text field kunnen toevoegen?
Is ook een goeie! Ik zat er net ook aan te denken om de alt-teg van de afbeelding hier voor te misbruiken, met een "True" of "False" waarde
pi_49006453
quote:
Op vrijdag 4 mei 2007 15:25 schreef Geqxon het volgende:

[..]

Dat zou ideaal zijn, is zoiets denk je mogelijk?
[..]
zeker. ik zal 'ns kijken...
pi_49008301
alleen css is dus niet voldoende. javascript is nodig.
er zijn demo's:
http://www.flog.co.nz/lab/ARC/ARC.htm
http://www.hellgatelondon.com/demons/
  vrijdag 4 mei 2007 @ 19:36:09 #227
104583 cyberstalker
Een krachtig neen!
pi_49015379
quote:
Op vrijdag 4 mei 2007 16:17 schreef SlimShady het volgende:
alleen css is dus niet voldoende. javascript is nodig.
er zijn demo's:
http://www.flog.co.nz/lab/ARC/ARC.htm
http://www.hellgatelondon.com/demons/
Het is wel mogelijk met enkel CSS. Voor IE is dan wel een extra scriptje nodig omdat IE zoals gewoonlijk weer bagger is en de :checked pseudo-class niet ondersteunt. Dit kan waarschijnlijk wel met een unobtrusive scriptje maar daar weet ik het fijne niet van omdat ik nooit met IE werk.

Het principe is simpel. Je verbergt de checkbox met CSS door de display op none te zetten. Vervolgens zet je direct achter de checkbox een label attribuut die je met css de juiste achtergrondafbeelding geeft. Is de checked waarde van het attribuut verandert, dan wijzig je de achtergrondafbeelding. Een voorbeeldje:

De CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		form input[type="checkbox"]
{
    display: none;
}

form input[type="checkbox"] + label[for]
{
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0.7;
}

form input[type="checkbox"]:checked + label[for]
{
    opacity: 1;
}

form input[type="checkbox"] + label[for="waarde1"]
{
    background-image: url('images/value1_notchecked.png');
}


Het formulier:
1
2
3
4
5
6
7
8		<form action="whatever.php" method="post">
    <fieldset>
        <legend>Formulier met plaatjes als checkboxjes</legend>
        
        <input type="checkbox" id="value1" name="value1">
        <label for="value1"></label>
    </fieldset>
</form>


[ Bericht 5% gewijzigd door cyberstalker op 04-05-2007 19:46:31 ]
Hope for the best, prepare for the worst.
pi_49048554
Hallo,
Ik ben bezig met een scriptje om te kijken of domeinnamen vrij zijn of niet. Dit doe ik met de volgende javascript:

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		var array = new Array("nl", "com");
function whois(tld, domein)
{ 
   xmlHttp=GetXmlHttpObject();
   if (xmlHttp==null)
   {
      alert ("Geen ajax ondersteuning.. BOOOOH!");
      return;
   }
   tekenTabel(domein);
   
   xmlHttp.onreadystatechange=function()
   {      
      if(xmlHttp.readyState==1 || xmlHttp.readyState==2 || xmlHttp.readyState==3)
      {
         document.getElementById(tld).innerHTML="Checking";
      }         
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
      { 
         document.getElementById(tld).innerHTML=xmlHttp.responseText;
      }      
   }
   
   xmlHttp.open("GET","test.php"+"?domein="+domein+"&tld="+tld,true);
   xmlHttp.setRequestHeader("Cache-Control", "no-cache");
   xmlHttp.send(null);
}

function start(domein)
{
        tekenTabel(domein);   
   for(x in array)
   {
      whois(array[x], domein);
   }   
}

function GetXmlHttpObject()
{
   var xmlHttp=null;
   try
   {
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
   }
   catch (e)
   {
      // Internet Explorer
      try
      {
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e)
      {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
   }
   return xmlHttp;
}

function tekenTabel(domein)
{
   var tabe = "";
   tabel='<table width="350" border="0" cellspacing="2" cellpadding="0">';
   tabel+='<tr>';
   tabel+='<td width="100" class="tdHeader">Tld</td>';
   tabel+='<td width="100" class="tdHeader">Beschikbaar</td>';
   tabel+='</tr>';
   
   for(x in array)
   {
      tabel+='<tr>';
      tabel+='<td align="center" valign="top" >'+array[x]+'</td>';      
      tabel+='<td align="center" valign="top" ><div id="'+array[x]+'"></div></td>';
      tabel+='</tr>';
   }
   
   tabel+='</table>';
   document.getElementById("result").innerHTML = tabel;
}


Ik roep de functie start aan als volgt:
1
2
3
4
5
6		<form name="frmTest">
            <input name="txtDomein" id="txtDomein" type="text">
            <input name="btnSubmit" type="button" value="whois" onclick="start(document.frmTest.txtDomein.value);"></form>
        <br>
        <br>
        <div id="result"></div>


Ik heb alleen het probleem dat het niet helemaal lekker werkt. Behalve het feit dat de layout totaal niet klopt, blijft in dit geval het nl domein op aangemaakt staan.

:edit:
Wat ik dus krijg is dit:
Tld Beschikbaar me.nl
Aangemaakt
me.com
Bezet

Wat doe ik fout?

[ Bericht 2% gewijzigd door GBCHEATER op 06-05-2007 01:01:49 ]
pi_49049189
ik heb nu een zoek formulier:
1
2
3
4		<form id="search" name="search_form_basic" action="search/" method="GET">
        <input name="searchFor" type="text" size="10">
        <a href="javascript:void(0);" onClick="javascript:search_form_basic.submit();">search</a>
</form>

en ik wil het volgende hebben:

als ik zoek moet de url als volgt worden opgebouwd:
<domeinnaam>/search/verschillende_zoek_termen.html

kan dat uberhaupt met alleen Javascript em zo ja hoe moet ik dat aanpakken?
pi_49049415
1
2
3
4
5
6
7
8
9
10		<script>
function runSearch(){
   var query = document.getElementById('query').value;
   query = query.replace(" ","_");
   window.location = "http://www.google.nl/" + query + ".html";
}
</script>

<input type="text" id="query">
<input type="button" onclick="runSearch()">


Al ben ik te lui het te runnen
pi_49049579
quote:
Op zaterdag 5 mei 2007 23:00 schreef Geqxon het volgende:

[ code verwijderd ]

Al ben ik te lui het te runnen
geeft niet, et werkt

--edit--

het grootste gedeelte dan..
als ik }$%$# als string invoer kom ik uit op http://home.mschol.eu/search/ terwijl de javascript alert mij wel de juiste url terug geeft (http://home.mschol.eu/search/}$%$#.html )


even kijken met FF
hmm runsearch is not defined... -> die is opgelost maar nog steeds als je zo'n vreemde url doet, stopt ie...

nou ja jammer, voor latere zorg, bouw wel een extra check in me search..

[ Bericht 17% gewijzigd door mschol op 05-05-2007 23:23:21 ]
  zondag 6 mei 2007 @ 00:01:38 #232
104583 cyberstalker
Een krachtig neen!
pi_49051031
quote:
Op zaterdag 5 mei 2007 23:06 schreef mschol het volgende:

[..]

geeft niet, et werkt

--edit--

het grootste gedeelte dan..
als ik }$%$# als string invoer kom ik uit op http://home.mschol.eu/search/ terwijl de javascript alert mij wel de juiste url terug geeft (http://home.mschol.eu/search/}$%$#.html )


even kijken met FF
hmm runsearch is not defined... -> die is opgelost maar nog steeds als je zo'n vreemde url doet, stopt ie...

nou ja jammer, voor latere zorg, bouw wel een extra check in me search..
Misschien is het eenvoudiger om hier met een simpele mod_rewrite te werken. Werkt stukken eenvoudiger hier .
Hope for the best, prepare for the worst.
  zondag 6 mei 2007 @ 00:21:04 #233
87811 GBCHEATER
Wat nou?
pi_49051515
Ik heb mijn functie aangepast dat hij op xmlHttp.readyState 1 t/m 3 checking in de div zet, en op 4 de response neerzet. En ik heb de locatie verplaatst, zodat de tabel maar 1 keer word weggeschreven.

Dit heeft alweer hetzelfde resultaat:

TldBeschikbaarnl
Checking
com
Bezet

- Kan je wel met een tabel in een div werken via javascript? (omdat de layout zo verrot is)
- Kan ik een functie meerdere keren aanroepen met een parameter die verschillend is?

:edit:
Hmz, bug in Replique? Ik krijg elke keer wanneer ik mijn code edit een hidden field bij mijn formulier, met daarin mijn sessieid?
  zondag 6 mei 2007 @ 00:36:44 #234
104583 cyberstalker
Een krachtig neen!
pi_49051887
quote:
Op zondag 6 mei 2007 00:21 schreef GBCHEATER het volgende:
:edit:
Hmz, bug in Replique? Ik krijg elke keer wanneer ik mijn code edit een hidden field bij mijn formulier, met daarin mijn sessieid?
Is bekend en niet gevaarlijk. Het sessieid wat je ziet is niet eentje waarme je iets kunt .
Hope for the best, prepare for the worst.
  zondag 6 mei 2007 @ 00:40:16 #235
87811 GBCHEATER
Wat nou?
pi_49051977
quote:
Op zondag 6 mei 2007 00:36 schreef cyberstalker het volgende:

[..]

Is bekend en niet gevaarlijk. Het sessieid wat je ziet is niet eentje waarme je iets kunt .
Kreeg hetzelfde antwoord in de bug afdeling

Weet jij misschien een oplossing voor mijn Ajax probleem hierboven?
pi_49052394
Ik kan je niet helpen, maar ik raad je aan om je HTML output eerst in een variabele te stoppen, en als je daar mee klaar bent iets in de trant van "innerhtml = output" te doen.

Daarmee wordt gelijk je huidige inhoud overschreden, en je sourcecode is wat netter.
  zondag 6 mei 2007 @ 01:00:46 #237
87811 GBCHEATER
Wat nou?
pi_49052438
quote:
Op zondag 6 mei 2007 00:58 schreef Geqxon het volgende:
Ik kan je niet helpen, maar ik raad je aan om je HTML output eerst in een variabele te stoppen, en als je daar mee klaar bent iets in de trant van "innerhtml = output" te doen.

Daarmee wordt gelijk je huidige inhoud overschreden, en je sourcecode is wat netter.
Dat heeft iig mijn layout probleem opgelost

Nou de rest nog
  zondag 6 mei 2007 @ 13:03:38 #238
87811 GBCHEATER
Wat nou?
pi_49059222
Ik heb nu mijn domeinenArray even uitgebreid. Ik heb nu:
1var array = new Array("com","net", "be", "nl");


En nu is dit de uitvoer:

Tld Beschikbaar
com Checking
net Bezet
be Checking
nl Bezet

Nummer 1 en 3 blijven dus weer op checking staan. Ik weet dat ik een uitvoer terugkrijg, ik kan namelijk debuggen met FireBug, en deze geeft aan dat ik wel antwoord terugkrijg.
  zondag 6 mei 2007 @ 14:37:40 #239
3677 SuperRembo
Sinds 1998
pi_49061858
GBCHEATER, lopen je httprequests niet door elkaar? Ik bedoel dat bijvoorbeeld het resultaat van de .com check bij het .net resultaat komt te staan. Om dat te controleren zou je wat extra debug info moeten schrijven (in js en php).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 6 mei 2007 @ 14:46:17 #240
87811 GBCHEATER
Wat nou?
pi_49062088
quote:
Op zondag 6 mei 2007 14:37 schreef SuperRembo het volgende:
GBCHEATER, lopen je httprequests niet door elkaar? Ik bedoel dat bijvoorbeeld het resultaat van de .com check bij het .net resultaat komt te staan. Om dat te controleren zou je wat extra debug info moeten schrijven (in js en php).
Daar maak ik me ook zorgen over, kan het uberhaupt wel zoals ik het nu heb gedaan? Wanneer ik zes tld's neem, word alleen de laatste vervangen. Dus ik ben inderdaad bang dat dat het is. Maar hoe zou je dat kunnen oplossen behalve voor elke tld een aparte functie schrijven?

:edit:
Als ik een alert plaats in xm.Http.readyState 1 t/m3 krijg ik 5 keer voor elke tld een alert. Plaats ik er een in xmlHttp.readystate 4 krijg ik hem alleen voor de laatste.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[Javascript] voor dummies deel 5
Index

» digital corner

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