Garage maken met koop functie

Door Tim Wolf op 12-01-2016 10:27 gewijzigd op 12-01-2016 16:25

2.061 views

Ik zoek een soort van garage. Waar je dingen kunt kopen.
Ik ga een cursus volgen want anders kom ik niet ver. Dus ik jeb nog niet zo heel veel kennis.
Hier een foto van ongeveer het eindidee

Het gene waar niet staat dat ik het al klaar heb zoek ik hulp. Eventueel een handige functie voor mij is als je op de bovenste menu klikt dat hij op dezelfde url blijft alleen de inhoud veranderd.
Om alles kort samen te vatten. Volgensmij is dit heel simpel. Eigenlijk steeds als je op een ander artikel klikt dan include hij een bestand in een speciale <div> en ook include die een tekst bestand (ook) in een speciale <div>.
Alvast bedankt,
Tim

Ariën

12-01-2016 10:33

Een garage? Dat klinkt als iets speciaals. Wat zijn de eigenschappen van zo een script? Is het voor een game? Is het voor algemeen handelsgebruik?

Wat meer uitleg zou zeker niet overbodig zijn.

Tim Wolf

12-01-2016 10:51 gewijzigd op 12-01-2016 16:23

Ik had een beetje haast rond 16:00 meer informatie
Sorry
[edit]Ik hoop hierbij genoeg info gegeven te hebben[/edit]

Ariën

12-01-2016 16:27

Als je de inhoud wilt veranderen zonder refresh. Dan moet je kijken naar AJAX.
Gebruik het alleen als het nodig is, als de rest van de content niet herladen mag worden.

Denk bijvoorbeeld aan zoek-filters of winkelmandjes op websites.

Tim Wolf

12-01-2016 16:29 gewijzigd op 12-01-2016 17:13

Heel erg bedankt! Ik ga er naar kijken.

- Ariën - op 12/01/2016 16:27:53

Als je de inhoud wilt veranderen zonder refresh. Dan moet je kijken naar AJAX.
Gebruik het alleen als het nodig is, als de rest van de content niet herladen mag worden.

Denk bijvoorbeeld aan zoek-filters of winkelmandjes op websites.

Ik heb een beetje rond gekeken. Ik vond dit maar waar zit de fout in? En kunt u dit oplossen:


<script type="text/javascript">
function refresh()
{
  new Ajax.Updater('div-name', 'a.php', { method: 'get' });
  return false;
}
</script>
<div id="div-name">Hoi</div>
<a href="javascript:refresh('div-name');">Ververs!</a>

Marthijn Buijs

12-01-2016 17:14 gewijzigd op 12-01-2016 17:15

Je wijst op regel 9 een argument toe aan refresh(), terwijl de functie refresh geen argumenten wil (regel 2)

Als je Chrome of Firefox heb druk je gewoon op F12 en dan zie je in de console waarschijnlijk errors

Tim Wolf

12-01-2016 17:16 gewijzigd op 12-01-2016 17:19

Dus als ik het goed begrijp is dit: <a href="javascript:refresh();">Ververs!</a> goed?
Ik zag dit u een wijziging hebt ingevoerd. Eerst ga ik daar maar naar kijken.
Ik zie dit (Uncaught ReferenceError: Ajax is not defined) Staan. Betekent dat ik Ajax weg moet halen?
Ik weet echt (bijna) niets van Ajax af.

Marthijn Buijs

12-01-2016 17:18 gewijzigd op 12-01-2016 17:19


function refresh(element)
{
  new Ajax.Updater(element, 'a.php', { method: 'get' });
  return false;
}

Kijk nu heb ik een argument aan de functie toegevoed, dit zou moeten werken.
Anders zou je moeten kijken of je selector goed is.

Tim Wolf

12-01-2016 17:22 gewijzigd op 12-01-2016 17:40

Ik blijf op dezelfde fout zitten. Dit gebeurd wanneer ik op de link klik. (Opera browser).
Script nu:


<!DOCTYPE html>
<body>
<script type="text/javascript">
function refresh(element)
{
  new Ajax.Updater(element, 'a.php', { method: 'get' });
  return false;
}
</script>
<div id="element">Hoi</div>
<a href="javascript:refresh('element');">Ververs!</a>
</body>
</html>

Of heb ik het verkeerd overgenomen?

Fout in de lijn 6

Fout in de link

Ariën

12-01-2016 17:46

Ajax.Updater is een onderdeel van het Prototype framework in javaScript. Heb je deze ook ingeladen?
Ikzelf ben meer fan van het jQuery-framework, die ook wijdere ondersteuning heeft.

Randy vsf

12-01-2016 17:46 gewijzigd op 12-01-2016 17:50

Ik ga ervanuit dat je de library mist?
En new Ajax.Updater() gaat dan ook niet werken.

Ik denk dat je beter naar jquery kan gaan kijken.
Die heeft een Load functie die precies doet wat jij wilt.


$( "#result" ).load( "ajax/test.html" );

Plaatst de inhoud van ajax/test.html in het element met het id result.

Reageren

Inloggen om te reageren