onclick naar onderkant pagina gaan

Pagina: 1
Acties:

  • T020
  • Registratie: Juli 2007
  • Laatst online: 24-09 19:33
Hoi,

ik heb een vraagje waarvan ik het antwoord maar niet op internet kan vinden:
ik heb een submit button onderaan een pagina staan in een formulier, en als ik daarop klik word de pagina vernieuwd en ben je dus weer bovenaan de pagina. Om dit te verhelpen wil ik dus een onclick fuctie (of iets dergelijks) meegeven aan de knop zodat er bij het klikken op die knop meteen naar een regel onderin wordt verwezen. Weet één van jullie misschin een functie of manier om dit te bereiken?
Ik heb dit al geprobeerd:

<a name="text">Nieuw bericht maken</a>
<input type="submit" name="submit" href="#text" />

maar dit werkt niet op een button, alleen op een link

alle suggesties zijn welkom!
alvast bedankt!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 11-11 10:24

Bosmonster

*zucht*

Beetje verkeerde forum, maar waarom post je niet naar een pagina met dat anker?

action="blabla.php#ankeronderaandepagina"

Of na de post redirect je naar je formulier weer met dat anker..

[ Voor 21% gewijzigd door Bosmonster op 23-05-2008 10:51 ]


  • SinergyX
  • Registratie: November 2001
  • Laatst online: 20:15

SinergyX

____(>^^(>0o)>____

Na je formsubmit een #anker meegeven in de redirect.

Kan je eventueel zelfs met javascript stukje doen, mocht je submit-proces in hetzelfde php-bestand zitten als de pagina zelf, na het verwerken stukje javascript oproepen. (dacht met javascript was dat de GoTo command).

[ Voor 8% gewijzigd door SinergyX op 23-05-2008 10:56 ]

Nog 1 keertje.. het is SinergyX, niet SynergyX
Im as excited to be here as a 42 gnome warlock who rolled on a green pair of cloth boots but was given a epic staff of uber awsome noob pwning by accident.


  • F_J_K
  • Registratie: Juni 2001
  • Niet online

F_J_K

Moderator CSA/PB

Front verplichte underscores

CSA ==> devschuur. Zie trouwens ook je vorige topic; let ajb even op wekl topic waar het beste past :Y)

[ Voor 71% gewijzigd door F_J_K op 23-05-2008 11:12 ]

'Multiple exclamation marks,' he went on, shaking his head, 'are a sure sign of a diseased mind' (Terry Pratchett, Eric)


Verwijderd

Met window.scroll() in JavaScript kan je makkelijk scrollen. :)

[ Voor 12% gewijzigd door Verwijderd op 23-05-2008 11:44 ]


  • T020
  • Registratie: Juli 2007
  • Laatst online: 24-09 19:33
F_J_K schreef op vrijdag 23 mei 2008 @ 11:11:
CSA ==> devschuur. Zie trouwens ook je vorige topic; let ajb even op wekl topic waar het beste past :Y)
heb ik op gelet maar ik wist niet waar ik anders een topic moest openen, ik dacht dat dit de goede plaats was :? ..sorry in ieder geval

@ZktaS:
het probleem is inmiddels opgelost met javascript, bedankt!

de rest van jullie ook bedankt voor je reacties natuurlijk!

  • Bozozo
  • Registratie: Januari 2005
  • Laatst online: 20-02 16:10

Bozozo

Your ad here?

Waarom? De oplossing van Bosmonster is perfect.

TabCinema : NiftySplit


  • CodeCaster
  • Registratie: Juni 2003
  • Niet online

CodeCaster

Can I get uhm...

Wat is er mis met #bottom?

https://oneerlijkewoz.nl
Op papier is hij aan het tekenen, maar in de praktijk...


Verwijderd

Bozozo schreef op vrijdag 23 mei 2008 @ 21:57:
Waarom? De oplossing van Bosmonster is perfect.
Inderdaad, waarom zou je in hemelsnaam JS willen gebruiken wanneer dit geen enkele toegevoegde waarde heeft?

  • _Thanatos_
  • Registratie: Januari 2001
  • Laatst online: 05-09 14:39

_Thanatos_

Ja, en kaal

Of zo:
HTML:
1
<button><a href="#text">Nieuw blabla</a></button>

Moet je wel met css ff de boel oppoetsen :)

Trouwens, je kunt met # direct naar een id linken, dus je hoeft niet per se een <a name="#..."> aan te maken. Met dezelfde href="#text" kun je ook naar je tekstje linken, die wrs gewoon een h2 of h3 is:
HTML:
1
2
3
<button><a href="#text">Nieuw blabla</a></button>
...
<h2 id="text">Nieuw bericht</h2>

Cool huh :)

[ Voor 57% gewijzigd door _Thanatos_ op 24-05-2008 14:01 ]

日本!🎌


  • T020
  • Registratie: Juli 2007
  • Laatst online: 24-09 19:33
Bosmonster schreef op vrijdag 23 mei 2008 @ 10:51:
Beetje verkeerde forum, maar waarom post je niet naar een pagina met dat anker?

action="blabla.php#ankeronderaandepagina"

Of na de post redirect je naar je formulier weer met dat anker..
Had ik beide al geprobeerd, maar het werkte niet
_Thanatos_ schreef op zaterdag 24 mei 2008 @ 13:59:
Of zo:
HTML:
1
<button><a href="#text">Nieuw blabla</a></button>

Moet je wel met css ff de boel oppoetsen :)

Trouwens, je kunt met # direct naar een id linken, dus je hoeft niet per se een <a name="#..."> aan te maken. Met dezelfde href="#text" kun je ook naar je tekstje linken, die wrs gewoon een h2 of h3 is:
HTML:
1
2
3
<button><a href="#text">Nieuw blabla</a></button>
...
<h2 id="text">Nieuw bericht</h2>

Cool huh :)
Hier was ik nog niet op gekomen, maar ik heb het nu geprobeerd en het werkt niet bij mij.

met javascript werkt het nu wel prima, dus het lijkt mij het best om het maar zo te laten
Pagina: 1