Custom URL maken

[egelalexander]

Hi,

Ik ben bezig met een pagina maken voor intern gebruik, maak kom er niet uit. Heb weinig tot geen HTML/PHP kennis Misschien dat iemand mij verder kan helpen.

Basis link:
https://voorbeeld.nl/inde...=hosting_servers-info&id=

Nu wil ik dat als men bijvoorbeeld 1000 invuld in het veldje dat hij naar de volgende url gaat;
https://voorbeeld.nl/inde...ting_servers-info&id=1000

Is dit makkelijk te doen met een script of niet mogelijk. Is dit een pre-fill achtig iets?

[Ramon]

Dit is makkelijk te doen door het input element te wrappen in een form element met als method "get", dan gaat het zo goed als vanzelf

[egelalexander]

Heb je eventueel een voorbeeld hoe dat er uit ziet? Als het toch aardig lang script is dan ga ik het verder uitzoeken en testen.

[Room42]

egelalexander schreef op vrijdag 22 juni 2018 @ 07:26:
Is dit makkelijk te doen met een script of niet mogelijk.

Nee, ze kunnen wel hele office suites in de browser bouwen, maar wat jij hier wilt is niet mogelijk, hoor

Maar wat is je idee. Men vult daar 1000 in en dan? Moet er nog op enter gedrukt worden of moet het automatisch? Want dan heb je naast de basis HTML en PHP ook JavaScript-kennis nodig

[ikvanwinsum]

HTML:

<form method="get">
<input type="text" name="id">
</form>

Maar misschien wel handig om dit eerst zelf even uit te zoeken, zo lastig is het niet.
https://www.w3schools.com/html/html_forms.asp
https://stackoverflow.com...e-difference-between-them

[b2vjfvj75gjx7]

ikvanwinsum schreef op vrijdag 22 juni 2018 @ 13:57:

HTML:

<form method="get">
<input type="text" name="id">
</form>

Maar misschien wel handig om dit eerst zelf even uit te zoeken, zo lastig is het niet.
https://www.w3schools.com/html/html_forms.asp
https://stackoverflow.com...e-difference-between-them

Moet je er wel een submit button bij doen; zonder 'action' zullen veel browsers geen actie (kunnen) ondernemen

En je kan nog client-side testen op valide input;

https://jsfiddle.net/adxr5b3q/11/

[RobIII]

b2vjfvj75gjx7 schreef op zaterdag 23 juni 2018 @ 23:06:
[...]


Moet je er wel een submit button bij doen; zonder 'action' zullen veel browsers geen actie (kunnen) ondernemen

Onzin; enter werkt prima als "submit".

[ikvanwinsum]

b2vjfvj75gjx7 schreef op zaterdag 23 juni 2018 @ 23:06:
[...]


Moet je er wel een submit button bij doen; zonder 'action' zullen veel browsers geen actie (kunnen) ondernemen

En je kan nog client-side testen op valide input;

https://jsfiddle.net/adxr5b3q/11/

Ach, er moet voor TS ook nog wat te ontdekken zijn, toch?
Enne, die validatie in je fiddle heb je helemaal geen js voor nodig. Kan gewoon met HTML-attributen.

HTML:

<form method="get">
<input type="text" required>
<input type="submit">
</form>

[DJMaze]

RobIII schreef op zaterdag 23 juni 2018 @ 23:11:
Onzin; enter werkt prima als "submit".

Niet in mijn browser als er geen submit button in het formulier staat.
En als er meerdere submit buttons in een formulier zitten pakt hij de eerste.

Dus stel je hebt:

HTML:

<button name="delete">delete</button>
<button name="save">save</button>

Dan weet jij dus wat er gebeurt met enter

ikvanwinsum schreef op zondag 24 juni 2018 @ 00:24:
Ach, er moet voor TS ook nog wat te ontdekken zijn, toch?
Enne, die validatie in je fiddle heb je helemaal geen js voor nodig. Kan gewoon met HTML-attributen.

En dan nog zie ik niet....

HTML:

<input type="number" step="1" min="1" required>

Aangezien het hier om een nummer gaat.

[ Voor 31% gewijzigd door DJMaze op 24-06-2018 01:17 ]

[RobIII]

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
Niet in mijn browser als er geen submit button in het formulier staat.

Dit werkt onder IE, Edge, Chrome, Firefox en Safari... en afaik onder zo'n beetje elke browser. Ik ben dus wel eens benieuwd welke browser jij gebruikt dan?

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
En als er meerdere submit buttons in een formulier zitten pakt hij de eerste.

Dus stel je hebt:

HTML:

<button name="delete">delete</button>
<button name="save">save</button>

Dan weet jij dus wat er gebeurt met enter

Wie had 't over meerdere knoppen? En, AFAIK, wordt de eerste button in de tab-order gepakt (dus in principe de delete in je voorbeeld).

[ Voor 11% gewijzigd door RobIII op 24-06-2018 11:47 ]

[b2vjfvj75gjx7]

ikvanwinsum schreef op zondag 24 juni 2018 @ 00:24:
[...]


Ach, er moet voor TS ook nog wat te ontdekken zijn, toch?
Enne, die validatie in je fiddle heb je helemaal geen js voor nodig. Kan gewoon met HTML-attributen.

HTML:

<form method="get">
<input type="text" required>
<input type="submit">
</form>

Klopt, maar 'required' is niet 100% aanwezig in alle devices... en je mist visuele feedback als gebruiker

https://caniuse.com/#search=required

RobIII schreef op zaterdag 23 juni 2018 @ 23:11:
[...]

Onzin; enter werkt prima als "submit".

Hangt sterk van het OS en de browser (-versie) af... als ik test in een test-straat (+/- 150 variabelen qua hardware) haalt zeker 15% het einde niet...

[DJMaze]

b2vjfvj75gjx7 schreef op zondag 24 juni 2018 @ 16:48:
Klopt, maar 'required' is niet 100% aanwezig in alle devices...

Zo kan je van bijna elke feature wel zeggen dat 100% niet haalbaar is.
Is dat erg? Nee
Zorgen maken? Nee
Wie nog IE10 of een ander oud apparaat gebruikt zou gewoon geen toegang tot internet mogen hebben

[RobIII]

b2vjfvj75gjx7 schreef op zondag 24 juni 2018 @ 16:48:
Hangt sterk van het OS en de browser (-versie) af... als ik test in een test-straat (+/- 150 variabelen qua hardware) haalt zeker 15% het einde niet...

Gewoon uit nieuwschierigheid: wil je die 15% eens benoemen? Want 't wordt wel beweerd door jou (en DJMaze) maar ik heb echt ontzettend sterk het vermoeden dat 't dan om browsers uit de prehistorie gaat (en zélfs van die categorie doen alle bekende browsers 't bij mijn weten gewoon goed; dit werkte al onder IE3 ofzo dus dan moet 't in de 'niche' browsers zitten of lang vergeten OS'en of in die richting). Dus ik ben heel benieuwd waar die 15% in zit dan. Again; just curious. En offtopic (dus DM me gerust)

Dat het afhankelijk zou zijn van hardware vind ik overigens al helemáál moeilijk te geloven (of die hardware moet geen "enter" (alternatief) hebben.

[ Voor 10% gewijzigd door RobIII op 24-06-2018 21:10 ]

[Spinal]

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
[...]

Niet in mijn browser als er geen submit button in het formulier staat.
En als er meerdere submit buttons in een formulier zitten pakt hij de eerste.

Dus stel je hebt:

HTML:

<button name="delete">delete</button>
<button name="save">save</button>

Dan weet jij dus wat er gebeurt met enter

HTML:

<button type="button" name="delete">delete</button>
<button name="save">save</button>

Opgelost bij Enter pakt ie nu de save ipv de delete

[RobIII]

Spinal schreef op maandag 25 juni 2018 @ 09:09:
[...]

HTML:

<button type="button" name="delete">delete</button>
<button name="save">save</button>

Opgelost bij Enter pakt ie nu de save ipv de delete

We gaan inmiddels behoorlijk offtopic (en ja daar heb ik aan bijgedragen) maar je delete knop doet nu niets meer zonder er JS tegen aan te gooien

Als je per-se de buttons in een andere volgorde wil (visueel) maar wel een default action wil op de laatste buttton gebruik dan gewoon CSS; daar is het voor bedoeld.

Cascading Stylesheet:

.reverse { direction: rtl; }

HTML:

<form method="get" action="/">
  <input type="text" name="q" value="" />
  <div class="reverse">
    <button name="save">save</button>
    <button name="delete">delete</button>
  </div>
</form>

(rtl is hier een beetje ranzig maar it gets the idea across )

Wat ik altijd jammer heb gevonden is dat tabindex niet de default action wijzigt:

HTML:

<form method="get" action="/">
  <input type="text" name="q" value="" tabindex="1"/>
  <button name="delete" tabindex="3">delete</button>
  <button name="save" tabindex="2">save</button>
</form>

Ik wil hier save als default action als ik enter druk in de textbox, maar helaas is/blijft het delete.

Maar goed; heel het "2 knoppen, 1 form" issue is helemaal niet eens aan de orde dus wmb droppen we de discussie.

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
[...]

Niet in mijn browser als er geen submit button in het formulier staat.

Ik ben nog steeds benieuwd welke dat is

[ Voor 7% gewijzigd door RobIII op 25-06-2018 10:43 ]

[DJMaze]

RobIII schreef op maandag 25 juni 2018 @ 10:33:
Ik ben nog steeds benieuwd welke dat is

Elke

HTML:

<form onsubmit="return false">

[RobIII]

DJMaze schreef op maandag 25 juni 2018 @ 10:51:
[...]

Elke

HTML:

<form onsubmit="return false">

Wat is dit nou voor onzin?
De discussie was dat een form zonder submit button prima submitted kon worden door op enter te drukken.

HTML:

<form method="get" action="/">
<input type="text" name="q" value=""  />
</form>

Waarop jij reageerde met:

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
Niet in mijn browser als er geen submit button in het formulier staat.

Nu ga jij er opeens vanalles bij verzinnen (2 buttons, onsubmit="return false" etc.) wat allemaal totaal ongerelateerd is?

[ Voor 34% gewijzigd door RobIII op 25-06-2018 11:01 ]

[DJMaze]

@RobIII ja, een formulier kan inderdaad prima verzonden worden zonder knop.

Het is en blijft een veronderstelling omdat we niet weten of er javascript of iets anders in het spel is.

Ook kan het "required" attribuut op een veld zitten en dan verzend het formulier ook niet als het niet is ingevuld.
Dit kan dus heel nasty als:

HTML:

<input type="hidden" required="">

Dan doet mijn browser het ook niet, en je krijgt 0 feedback waarom het formulier niet werkt.

Natuurlijk verzin ik dit er allemaal bij.
Probleem met ontwikkeling is gewoon dat alles kan en stellingen per definitie niet 100% waar zijn

[ Voor 23% gewijzigd door DJMaze op 25-06-2018 11:07 ]

[RobIII]

DJMaze schreef op maandag 25 juni 2018 @ 11:03:
@RobIII ja, een formulier kan inderdaad prima verzonden worden zonder knop.

Nou dan? Einde discussie. Dat was toch het hele punt dat ik aankaartte?

DJMaze schreef op maandag 25 juni 2018 @ 11:03:
Het is en blijft een veronderstelling omdat we niet weten of er javascript of iets anders in het spel is.

Ook kan het "required" attribuut op een veld zitten en dan verzend het formulier ook niet als het niet is ingevuld.
Dit kan dus heel nasty als:

HTML:

<input type="hidden" required="">

Dan doet mijn browser het ook niet, en je krijgt 0 feedback waarom het formulier niet werkt.

Wat je er nu weer allemaal bij haalt is me een raadsel (en ook het waarom ). Ik kan nog wel 1000 manieren verzinnen om het submitten van een form tegen te gaan maar dat is/was het doel toch helemaal niet?

RobIII in "Custom URL maken"
DJMaze in "Custom URL maken"
RobIII in "Custom URL maken"

RobIII schreef op zaterdag 23 juni 2018 @ 23:11:
[...]

Onzin; enter werkt prima als "submit".

DJMaze schreef op zondag 24 juni 2018 @ 01:14:
[...]

Niet in mijn browser als er geen submit button in het formulier staat.

[..]<blablabla irrelevante zaken?[...]

RobIII schreef op zondag 24 juni 2018 @ 01:18:
[...]

Dit werkt onder IE, Edge, Chrome, Firefox en Safari... en afaik onder zo'n beetje elke browser. Ik ben dus wel eens benieuwd welke browser jij gebruikt dan?

En vanaf daar maak je 't maar waziger en waziger...

DJMaze schreef op maandag 25 juni 2018 @ 11:03:
Natuurlijk verzin ik dit er allemaal bij.

Met welk doel?

DJMaze schreef op maandag 25 juni 2018 @ 11:03:
Probleem met ontwikkeling is gewoon dat alles kan en stellingen per definitie niet 100% waar zijn

Daarmee is mijn stelling, in de uitgangssituatie, zonder allerlei rariteiten en aannames van je, nog steeds waar in in ieder geval veruit de meeste gevallen.

[ Voor 43% gewijzigd door RobIII op 25-06-2018 11:14 ]

[Boermansjo]

b2vjfvj75gjx7 schreef op zondag 24 juni 2018 @ 16:48:
[...]


Klopt, maar 'required' is niet 100% aanwezig in alle devices... en je mist visuele feedback als gebruiker

https://caniuse.com/#search=required


[...]


Hangt sterk van het OS en de browser (-versie) af... als ik test in een test-straat (+/- 150 variabelen qua hardware) haalt zeker 15% het einde niet...

Wel jammer...
https://www.w3schools.com...e=tryhtml5_input_required

Dit is standaard html 5... Wanneer gaan de browsers eens de standaarden volgen ? Dan moet je niet meer zorgen dat je site nog werkt voor die ene persoon die nog Explorer 7 of ander exotisch ding gebruikt

[DJMaze]

@RobIII prima, zullen we weer ontopic gaan.

@egelalexander Tot nu toe werken de voorbeelden nog niet.
? page=hosting_servers-info & id=1000
Je hebt twee inputs nodig om dit werkend te krijgen (voor 'page' en 'id'):

HTML:

<input type="hidden" name="page" value="hosting_servers-info">
<input type="number" name="id" min="1" step="1" required="">

[SinergyX]

Wat heeft de TS nu nog aan hele discussie hierboven eigenlijk?

Edit, maze was me voor

[ Voor 18% gewijzigd door SinergyX op 25-06-2018 11:15 ]

[RobIII]

SinergyX schreef op maandag 25 juni 2018 @ 11:15:
Wat heeft de TS nu nog aan hele discussie hierboven eigenlijk?

Edit, maze was me voor

TS heeft al lang het antwoord. Dan hoeft een "interessante" discussie die ergens uit voortvloeit niet meteen afgekapt te worden wmb. (dat 't onnodig lang wordt gerekt en gedraait en gedaan is dan wel jammer).

[ Voor 28% gewijzigd door RobIII op 25-06-2018 11:19 ]

[DJMaze]

@RobIII & @SinergyX de discussie is zeker interessant (ook al is het misschien wat te hoog gegrepen voor TS).

Ik maak namelijk ook aannames dat TS dit binnen het bedrijf moet integreren in een bestaande interne website.
En dan vliegt mijn hoofd al weer alle kanten op wat ontwikkelaars wel niet allemaal hebben bedacht in die "interne website" waarom "standaard" dingen niet werken

[RobIII]

DJMaze schreef op maandag 25 juni 2018 @ 11:23:
En dan vliegt mijn hoofd al weer alle kanten op wat ontwikkelaars wel niet allemaal hebben bedacht in die "interne website" waarom "standaard" dingen niet werken

Dus als iemand zegt: afgelopen 4.5 miljard jaar ging elke dag de zon op, morgen gaat de zon op kom jij met: "ja tenzij er marsmannetjes komen met een 'aardstraal' en de rotatie van de aarde stoppen"? Ja natuurlijk werkt 't niet als je 't actief tegen werkt. Dat heeft ook niemand beweerd. Maar het trok een nog enigszins ontopic opmerking vervolgens helemaal van de rails (desalniettemin met en vrij interessante discussie die me oprecht benieuwd maakte) waar vervolgens een anticlimax van jewelste aan hangt omdat je nog steeds niet hebt geantwoord op de vraag in welke browser het niet zou werken (zonder rare aannames van je); evenals @b2vjfvj75gjx7 die beweert dat 't in 15% van de gevallen niet zou werken. Ik ben nog steeds beniewd...

Jij beweert 'Niet in mijn browser als er geen submit button in het formulier staat'; dat wil ik wel eens zien / weten. Vervolgens haal jij er 2 buttons bij, attributen en andere ongein waarom 't niet zou kunnen werken. Maar je bewering dat het ("het" being de post waar het over ging met enkel een form en een input) niet in jouw browser werkt zonder submit button heb ik je nog niet zien staven. Nou, wélke dan?

[ Voor 21% gewijzigd door RobIII op 25-06-2018 11:57 ]