data uit mysql halen zonder de hele pagina te refreshen ?of:

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_30884402
hoi, ik ben bezig met een site, maar nu ben ik een beetje tegen iets aangelopen
op de pagina die ik maak staan een hele rij links en het enige wat moet gebeuren als je op zo'n link klikt is dat er wat text bovenin de pagina veranderd moet worden, het liefst zonder de hele pagina te refreshen.

nu zou j ezeggen a en frame of een iframe ofzo maar dat wil ik eigenlijk niet (ik maak mn hele pagina met divs) nu heb ik wel eens iest gezien over een div die zich gedraagt als iframe maar daar kan ik op google verder niks opvinden

of is er ook een mogelijkheuid om met b.v. javascript iets uit een mysql databse te halen en dan de etxt te verranderen zonder de hele pagina te refreshen? ik vrees van niet mar misschien kn iemand me iets verder helpen

alvast bedankt!
De enige echte BaggerUser!
Riemen
fiets kopen
pi_30884570
Heej, dat probleem hebben we van de week al een keer gehad:

Oplossing:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		<HTML>
<HEAD>
<SCRIPT>
function setHelptekst(pTekst){
   document.getElementById("helptekst").innerHTML = pTekst;
}
</SCRIPT>
<BODY>
<h1>
<A onmouseover="setHelptekst('<IMG SRC=http://www.dutchville.com/test/plaatje1.png>');"  
   onmouseout="setHelptekst('');">1</A> 

<A onmouseover="setHelptekst('<IMG SRC=http://www.dutchville.com/test/plaatje2.png>');"  
   onmouseout="setHelptekst('');">2</A>
</h1>

      <TABLE border=0>
        <TR>
          <TD id=helptekst>
          </TD>
        </TR>
      </TABLE>
</BODY>
</HTML>


Te testen op:
http://www.dutchville.com/test/test.html
-= Rogue lvl 66 =- -= Warrior lvl 70 =- -= Warlock lvl 70 =-
----------============= Nordrassil =============----------
pi_30884681
Tekst veranderen door er op te klikken kan als volgt:
Verander de regels 10 t/m14 maar eens naar:
<a href=# onclick="setHelptekst('Hallo!');">test</a>
<a href=# onclick="setHelptekst('Tokyo!');">test</a>

Klaar is kees

Zie: http://www.dutchville.com/test/test2.html
.
.
.
.
En als je gegevens uit een MySQL-database wilt halen heb je toch echt php/asp nodig.
-= Rogue lvl 66 =- -= Warrior lvl 70 =- -= Warlock lvl 70 =-
----------============= Nordrassil =============----------
pi_30884849
ja dat is het dus... als ik al die text van te voren uuit de database haal wordt het ongelovelijk sloom anders had ik idd dit wel gebruikt.
De enige echte BaggerUser!
Riemen
fiets kopen
  zaterdag 24 september 2005 @ 13:34:49 #5
104583 cyberstalker
Een krachtig neen!
pi_30885146
quote:
Op zaterdag 24 september 2005 13:14 schreef MaxPowered het volgende:
Heej, dat probleem hebben we van de week al een keer gehad:

Oplossing:

[ code verwijderd ]

Te testen op:
http://www.dutchville.com/test/test.html
yuck .

Maar goed, als antwoord op de vraag: ja, dat kan, daarvoor kun je gebruik maken van xmlHTTPRequest. Een manier om een pagina op te vragen, zonder de pagina te hoeven verversen.
Hope for the best, prepare for the worst.
  zaterdag 24 september 2005 @ 13:35:22 #6
69357 R-Mon
jong en dynamisch
pi_30885162
Hoewel er nog steeds wat php aan te pas moet komen, kan het ophalen van gegevens zonder te vernieuwen wel met Javascript. Ga dit eens lezen: http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
  zaterdag 24 september 2005 @ 13:36:02 #7
69357 R-Mon
jong en dynamisch
pi_30885178
quote:
Op zaterdag 24 september 2005 13:34 schreef cyberstalker het volgende:

[..]

yuck .

Maar goed, als antwoord op de vraag: ja, dat kan, daarvoor kun je gebruik maken van xmlHTTPRequest. Een manier om een pagina op te vragen, zonder de pagina te hoeven verversen.
GMTA
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
pi_30886425
quote:
Op zaterdag 24 september 2005 13:35 schreef R-Mon het volgende:
Hoewel er nog steeds wat php aan te pas moet komen, kan het ophalen van gegevens zonder te vernieuwen wel met Javascript. Ga dit eens lezen: http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
goed artikel! alleen ik krijg het helaas niet echt aan de praat omdat ik niet weet wat ik in welk bestand moet stoppen (dat wordt er ook niet echt duidelijk bij gezet)

als jij dat weet en even zou willen zeggen wat in welk bestand moet zou ik je zeer dankbaar zijn het is namelijk precies wat ik zoek denk ik

ik heb dit in form.php:

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		<script language="javascript">

function checkName(input, response)
{
  if (response != ''){ 
    // Response mode
    message   = document.getElementById('nameCheckFailed');
    if (response == '1'){
      message.className = 'error';
    }else{
      message.className = 'hidden';
    } 
  }else{
    // Input mode
    url  = 
      'http://localhost/xml/checkUserName.php?q=' + input;
    loadXMLDoc(url);
  }

}
</script>

<style>
span.hidden{
  display: none;
}

span.error{
  display: inline;
  color: black;
  background-color: pink;  
}
</style>

<input id="username" name="username" type="text" 
  onblur="checkName(this.value,'')" />
<span class="hidden" id="nameCheckFailed">
  This name is in use, please try another. 
</span>


en dit in checkUserName.php

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		<?xml version="1.0" encoding="UTF-8" 
  standalone="yes"?>
<response>
  <method>checkName</method>
  <result>1</result>
</response>

<script language="javascript">
function processReqChange() 
{
    // only if req shows "complete"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
      response  = req.responseXML.documentElement;

      method    =
response.getElementsByTagName('method')[0].firstChild.data;

      result    = 
response.getElementsByTagName('result')[0].firstChild.data;

      eval(method + '(\'\', result)');
        } else {
            alert("There was a problem retrieving the XML 
                data:\n" + req.statusText);
        }
    }
}
</script>


<?php
header('Content-Type: text/xml');

function nameInUse($q)
{  
  if (isset($q)){
    switch(strtolower($q))
    {
      case  'drew' :
          return '1';
          break;
      case  'fred' :
          return '1';
          break;
      default:
          return '0';
    }
  }else{
    return '0';
  }
  
}
?>
<?php echo '<?xml version="1.0" encoding="UTF-8"
  standalone="yes"?>'; ?>
<response>
  <method>checkName</method>
  <result><?php 
    echo nameInUse($_GET['q']) ?>
  </result>
</response>


maar ik krijg bij het blurren telkens een javascript error op regel 19

oftewel hij zou die pagina niet kunnen vinden ofzo? en dat terwijl hij echt in de map http://localhost/xml staat

[ Bericht 37% gewijzigd door BaggerUser op 24-09-2005 14:39:12 ]
De enige echte BaggerUser!
Riemen
fiets kopen
pi_30886912
TVP
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
  zaterdag 24 september 2005 @ 15:17:38 #10
104583 cyberstalker
Een krachtig neen!
pi_30888053
En welke javascript error krijg je precies? 'een javascript error' is niet de meest duidelijke manier om je probleem te omschrijven.
Hope for the best, prepare for the worst.
  zaterdag 24 september 2005 @ 15:26:31 #11
69357 R-Mon
jong en dynamisch
pi_30888291
form.php (moet de drie js functies hebben volgens mij)
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
85
86
87		<html>
<head>
<style>
span.hidden{
  display: none;
}

span.error{
  display: inline;
  color: black;
  background-color: pink;  
}
</style>

<script>
var req;

function loadXMLDoc(url) 
{
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function checkName(input, response)
{
  if (response != ''){ 
    // Response mode
    message   = document.getElementById('nameCheckFailed');
    if (response == '1'){
      message.className = 'error';
    }else{
      message.className = 'hidden';
    } 
  }else{
    // Input mode
    url  = 
      'http://localhost/xml/checkUserName.php?q=' + input;
    loadXMLDoc(url);
  }

}

function processReqChange() 
{
    // only if req shows "complete"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // ...processing statements go here...
      response  = req.responseXML.documentElement;

      method    =
response.getElementsByTagName('method')[0].firstChild.data;

      result    = 
response.getElementsByTagName('result')[0].firstChild.data;

      eval(method + '(\'\', result)');
        } else {
            alert("There was a problem retrieving the XML 
                data:\n" + req.statusText);
        }
    }
}
</script>
</head>
<body>
<input id="username" name="username" type="text" 
  onblur="checkName(this.value,'')" />
<span class="hidden" id="nameCheckFailed">
  This name is in use, please try another. 
</span>
</body>
</html>


checkUserName.php (je had het xml gedeeltje dubbel en een javascript functie erin)
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		<?php
header('Content-Type: text/xml');

function nameInUse($q)
{  
  if (isset($q)){
    switch(strtolower($q))
    {
      case  'drew' :
          return '1';
          break;
      case  'fred' :
          return '1';
          break;
      default:
          return '0';
    }
  }else{
    return '0';
  }
  
}
?>
<?php echo '<?xml version="1.0" encoding="UTF-8"
  standalone="yes"?>'; ?>
<response>
  <method>checkName</method>
  <result><?php 
    echo nameInUse($_GET['q']) ?>
  </result>
</response>
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
pi_30888373
heb het veranderd naar wat jij had maar krijg deze foutmelding:

Regel : 82
Teken 1:
Fout: Object wordt verwacht
Code: 0
url: http://lovslhost/xml/form.php
De enige echte BaggerUser!
Riemen
fiets kopen
  zaterdag 24 september 2005 @ 15:39:12 #13
69357 R-Mon
jong en dynamisch
pi_30888600
quote:
Op zaterdag 24 september 2005 15:30 schreef BaggerUser het volgende:
heb het veranderd naar wat jij had maar krijg deze foutmelding:

Regel : 82
Teken 1:
Fout: Object wordt verwacht
Code: 0
url: http://lovslhost/xml/form.php
Ik kreeg dit eigenlijk:

Error: unterminated string literal
Source File: file:///c:/let/hier/niet/op/Text3.html
Line: 73, Column: 18
Source Code:
alert("There was a problem retrieving the XML

Staat dit op één regel bij jou?:
1alert("There was a problem retrieving the XML data:\n" + req.statusText);
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
  zaterdag 24 september 2005 @ 15:45:43 #14
104583 cyberstalker
Een krachtig neen!
pi_30888781
Gebruik anders Firefox om te testen, dan krijg je tenminste zinnige foutmeldingen, misschien dat we je dan kunnen helpen .
Hope for the best, prepare for the worst.
pi_30888796
nu wel

maar ik krijg ngo steeds die foutmelding van 82
De enige echte BaggerUser!
Riemen
fiets kopen
pi_30888879
het lek eis daar krijg ik gewoon helemaal geen foutmeldingen
De enige echte BaggerUser!
Riemen
fiets kopen
pi_30888887
maar het werkt daar ook niet mee
De enige echte BaggerUser!
Riemen
fiets kopen
  zaterdag 24 september 2005 @ 16:22:59 #18
69357 R-Mon
jong en dynamisch
pi_30889812
Dit ook op één regel?
1<input id="username" name="username" type="text" onblur="checkName(this.value,'')" />


Mijn knippen en plakken zal wel een beetje fout gegaan zijn
&lt;tsjsieb&gt; maarja, jij bent ook gewoon cool R-Mon :p
pi_30913007
ja nu idd dat ook op 1 regel en geen foutmeldingen meer
alleen bij fred of drew gebeurd niks verder

dus ergens gaat het mis (hij maakt in iedergeval de div niet visible)
De enige echte BaggerUser!
Riemen
fiets kopen
  zondag 25 september 2005 @ 13:14:03 #20
47819 vbmot
Are those my feet?
pi_30913442
quote:
Op zaterdag 24 september 2005 13:35 schreef R-Mon het volgende:
Hoewel er nog steeds wat php aan te pas moet komen, kan het ophalen van gegevens zonder te vernieuwen wel met Javascript. Ga dit eens lezen: http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
*Bookmarkt
Looking for hotspots: wardriving or whoredriving?
Personal spam: http://www.kenya2ndhand.com
pi_30913607
Ik heb hier ook wel eens mee zitten kloten, mijn idee was toen een onzichtbaar iframe te maken, en daarin alle communicatie met de DB te regelen, vervolgens de data in een soort global javascript array gooien, maar echt elegant lijkt me die methode niet..
10 Reasons To Love Palestine
pi_30913669
het probleem is er gebeurd zover ik zie weinig bij het blurren
( http://80.61.232.209/xml/form.php )
De enige echte BaggerUser!
Riemen
fiets kopen
  zondag 25 september 2005 @ 13:28:53 #23
104583 cyberstalker
Een krachtig neen!
pi_30913759
quote:
Op zondag 25 september 2005 13:24 schreef BaggerUser het volgende:
het probleem is er gebeurd zover ik zie weinig bij het blurren
( http://80.61.232.209/xml/form.php )
Ik ook, maar dat komt omdat je verbinding probeert te maken met localhost, i.p.v. met 80.61.232.209

Als je dat even aanpast, kan ik even meekijken.
Hope for the best, prepare for the worst.
pi_30913812
aangepast
De enige echte BaggerUser!
Riemen
fiets kopen
  zondag 25 september 2005 @ 13:51:38 #25
104583 cyberstalker
Een krachtig neen!
pi_30914274
Het result veld in je checkuserName.php geeft een extra spatie mee, en 1[spatie] is niet hetzelfde als 1, en de match wordt dus nooit gemaakt .

Verder ben ik niet zo gecharmeerd van eval statements, maar dat moet je natuurlijk helemaal zelf weten.
Hope for the best, prepare for the worst.
actieve topics nieuwe topics
abonnement Unibet Coolblue
data uit mysql halen zonder de hele pagina te refreshen ?of:
Index

» digital corner

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