Toon posts:

officiele schrijfwijze <form> button

Pagina: 1
Acties:
  • 143 views sinds 30-01-2008

Verwijderd

Topicstarter
I.v.m. w3c validatie. Weet iemand wat de officiele schrijfwijze is van:
code:
1
<form><INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www.daanooms.nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')" </form>


Ik krijg error mbt action en ik weet niet hoe ik die action moet definieren:
code:
1
Error  Line 129 column 5: required attribute "ACTION" not specified

[ Voor 22% gewijzigd door Verwijderd op 02-09-2005 12:07 ]


Verwijderd

Action is required op een form, niet op een button.
Het action attribuut vertelt de browser naar welke URL gesubmit moet worden.

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

HTML:
1
2
3
<form action="url" method="post">
..
</form>


:?

  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 24-04 13:45

TwoR

Gekleurde stippen

dat heeft niks met je button te maken maar met je form

code:
1
<form name="x" type="POST" action="test.php">

De action is dus de pagina waar de dataheen gestuurd wordt. Overigens staat dit in ik denk elk HTML-leer boek of tutorial dus ik zou beginnen met zoeken en veel lezen.

met Erkens die dus net even iets sneller was

[ Voor 52% gewijzigd door TwoR op 02-09-2005 12:09 ]


  • sig69
  • Registratie: Mei 2002
  • Laatst online: 18:45
En hier mist ook wat...
code:
1
<INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www.BLA.nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')"

[ Voor 27% gewijzigd door André op 03-09-2005 15:36 ]

Roomba E5 te koop


Verwijderd

Topicstarter
Erkens: This Page Is Valid HTML 4.01 Transitional!

[ Voor 9% gewijzigd door Verwijderd op 02-09-2005 12:11 ]


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Twee dingen die ik me afvraag:
  • Waarom gebruik je een formulier met alleen één button om naar een HTML-pagina te navigeren? Je kan hier beter een gewone link van maken.
  • Waarom open je de HTML-pagina in een nieuw venster?

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


Verwijderd

Topicstarter
waarom link als het button kan?

[ Voor 7% gewijzigd door Verwijderd op 02-09-2005 12:32 ]


  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

da6n: Een link is toch een stuk praktischer, bruibaarder, herkenbaarder, en vooral bedoeld om te linken. Een button niet. Dus waarom wil je er juist een button van maken?

DM!


Verwijderd

Topicstarter
[url]http[/url]

[ Voor 50% gewijzigd door Verwijderd op 02-09-2005 12:49 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:25

crisp

Devver

Pixelated

Waarom een form gebruiken als je geen form nodig hebt; input-elementen mag je ook best zonder form gebruiken hoor ;)

Intentionally left blank


Verwijderd

Topicstarter
Oh ik dacht dat die binnen een form moesten?

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Je bezoeker kan niks invullen, dus heb je en geen formulier nodig, en geen button. Een link is dan handiger.
Je moet natuurlijk zelf bepalen wat je doet, maar als je een slechte website wilt maken, moet je gewoon buttons gebruiken in dit geval.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 24-04 13:45

TwoR

Gekleurde stippen

GADVER
klik je op button 2 krijg je een ranzige achtergrond dat wil je niet weten

Als ik jou was zou ik snel die link weghalen zie policy van GoT


@ Hieronder:
Nee je hebt daar niet heen verwezen maar als je de plicy van GoT leest zal je zien dat het ook niet de bedoeling is als de site zulke content bevat. Dan moet je het gewoon even ergens anders neerzetten.
Het algemeen beleid #porn Zover ik weet telt dit ook als het niet een direct linkje is maar het wel op dezelfde site staat.

[ Voor 64% gewijzigd door TwoR op 02-09-2005 12:53 ]


Verwijderd

Topicstarter
ja goed, maar ik heb je niet daarheen verwezen...

Verwijderd

Topicstarter
Je moet natuurlijk zelf bepalen wat je doet, maar als je een slechte website wilt maken, moet je gewoon buttons gebruiken in dit geval.
Jongen of meisje waar gaat dit over? Er zijn meer dan alleen technische redenen om een website te maken. Wat goed en slecht is kun jij vast wel en alleen voor jezelf bepalen.

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Dit is een forum waar men elkaar probeert te helpen, zo ook in dit geval :)
Er zijn meer dan alleen technische redenen om een website te maken. Wat goed en slecht is kun jij vast wel en alleen voor jezelf bepalen.
Het is in dit geval niet om technische reden dat ik aanraad een link te gebruiken in plaats van een button, maar vanwege gebruiksvriendelijkheid. En wat betreft goed of slecht; in dit geval is het gewoon slecht. Het is goedbedoeld advies, wat je ermee doet mag je zelf weten.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


Verwijderd

Topicstarter
Het is maar hoe je het bekijkt. Dat is het nu juist met grootheden als "goed" en "slecht".

Een link is in dit geval, naar mijn mening, lelijk. Dus in dit geval slecht. Jij gaat uit van hele andere uitgangspunten dan de mijne. Dus de volgende keer als jij wil praten over goed en slecht dan kun je beter eerst vragen naar de uitgangspunten. Maar ik waardeer je hulp ;)

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Verwijderd schreef op vrijdag 02 september 2005 @ 13:16:
Het is maar hoe je het bekijkt. Dat is het nu juist met grootheden als "goed" en "slecht".

Een link is in dit geval, naar mijn mening, lelijk. Dus in dit geval slecht. Jij gaat uit van hele andere uitgangspunten dan de mijne. Dus de volgende keer als jij wil praten over goed en slecht dan kun je beter eerst vragen naar de uitgangspunten. Maar ik waardeer je hulp ;)
En als je het bekijkt vanuit het oogpunt toegankelijkheid? Je zal maar geen JS aan hebben staan. Ik zou toch voor een link gaan en desnoods via CSS het uiterlijk van een button creeeren :)

[ Voor 3% gewijzigd door BtM909 op 02-09-2005 13:20 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
Dat is dus lelijk (zo'n nagemaakte button) en het maakt mij niet uit dat die 5% die pagina niet kan zien. Nogmaals vraag eerst eens om een ander zijn uitgangspunt(en) voordat je zo radicaal JOU mening geeft!

[ Voor 7% gewijzigd door Verwijderd op 02-09-2005 13:25 ]


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Verwijderd schreef op vrijdag 02 september 2005 @ 13:24:
Dat is dus lelijk (zo'n nagemaakte button) en het maakt mij niet uit dat die 5% die pagina niet kan zien. Nogmaals vraag eerst eens om een ander zijn uitgangspunt(en) voordat je zo radicaal JOU mening geeft!
Waarom wil je dan perse valideren, als je de guidelines van (noem eens een willekeurige organisatie) w3c niet wilt volgen :?

Ow en voordat JIJ je uitspraken doet, let even op: ik heb nog niet gereageerd in dit topic. Zie ook niet wat er zo radicaal aan mijn antwoord is ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 13:24:
Dat is dus lelijk (zo'n nagemaakte button) en het maakt mij niet uit dat die 5% die pagina niet kan zien. Nogmaals vraag eerst eens om een ander zijn uitgangspunt(en) voordat je zo radicaal JOU mening geeft!
Wellicht dat jij de kennis niet hebt om een button na te maken, maar het is mogelijk om met CSS een linkje zo te style dat je niet eens het verschil ziet ;)
Een knop op deze manier misbruiken is gewoon slecht gebruik van die componenten, er zijn uiteraard situaties waarin je juist wel een knop moet hebben omdat je het doel met een link niet kan bereiken zoals bijvoorbeeld een POST naar de webserver.
Als je toch koppig wilt zijn en die knop wilt hebben, doe het dan zonder javascript en zet de URL in de action en de method op "get".

Verwijderd

Topicstarter
Kan ik aan die url ook de te openen venstergrootte meegeven en dat die gecentreerd op het scherm moet komen?

Verwijderd

Topicstarter
En ik heb zeker wel oren naar een linkje zo stylen dat je het verschil niet ziet....En maakt die dan ook dezelfde klikbeweging?

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Daan, je kan dmv Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/edit.gif ook je laatste bericht editten om je toevoeging bij te plaatsen. :)

Je kan aan een link ook weer javascript opnemen die een nieuwe window opent. Je geeft tevens gewoon de HREF op. Zodra JS uitgeschakeld staat, dan werkt de link alsnog (moet je wel het event cancelen indien JS wordt uitgevoerd) :)

Hier wat relevante linkjes voor je button probleem

[ Voor 10% gewijzigd door BtM909 op 02-09-2005 13:45 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
Ik heb wel eens gekeken naar die buttons maken. Maar naar mijn mening worden dat een soort platte op buttonlijkende buttons (NOT). Ik zou graag precies die "standaard" buttons gebruiken en als dat via css kan dan graag, maar ik heb ze nog niet gezien.

[ Voor 4% gewijzigd door Verwijderd op 02-09-2005 13:52 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 13:50:
Ik heb wel eens gekeken naar die buttons maken. Maar naar mijn mening worden dat een soort platte op buttonlijkende buttons. Ik zou graag precies die "standaard" buttons gebruiken en als dat via css kan dan graag, maar ik heb ze nog niet gezien.
Ooit van een background image gehoort?
Overigens weet je dat een button er op elke computer anders uit kan zien ;)

  • Noork
  • Registratie: Juni 2001
  • Niet online
Het kan prima met CSS. Zoiets als hier beneden:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
a.knop  {
            width: 92px;
            border: 1px solid #CCCCCC;
            background-color: #F8F6F9;
            padding-left:5px;
            padding-right:5px;
            text-align: center;
            margin: 0px 0px 5px 5px;
            filter: gray();
            }

a.knop:hover
            {
            border-left:  1px solid buttonhighlight;
            border-right: 1px solid buttonshadow;
            border-top:   1px solid buttonhighlight;
            border-bottom:1px solid buttonshadow;
            color: #3169C6;
            filter: none;
            }

Verwijderd

Topicstarter
ja ik weet dat ze kunnen "verschillen", das geen probleem

  • Osiris
  • Registratie: Januari 2000
  • Niet online
Verwijderd schreef op vrijdag 02 september 2005 @ 13:54:
ja ik weet dat ze kunnen "verschillen", das geen probleem
Dat ze verschillen is geen probleem, maar als ze allemaal uniform 'anders' zijn is wél een probleem? 8)7

Verwijderd

Topicstarter
Dat begrijp jij niet he? Standaard anders = Standaard hetzelfde = anders = hetzelfde :)

[ Voor 3% gewijzigd door Verwijderd op 02-09-2005 14:00 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 14:00:
Dat begrijp jij niet he? Standaard anders = Standaard hetzelfde = anders = hetzelfde :)
volgens mij snap je het zelf niet :X

Verwijderd

Topicstarter
Even over die CSS moet ik dat stukje dan zo aanroepen:

code:
1
2
<p><a class="knop" href="http://gathering.tweakers.net/forum/list_message/24100608#24100608">
http://gathering.tweakers.net/forum/list_message/24100608#24100608</a></p>

  • Osiris
  • Registratie: Januari 2000
  • Niet online
Erkens schreef op vrijdag 02 september 2005 @ 14:01:
[...]

volgens mij snap je het zelf niet :X
Volgens mij zit ie te denken aan 't verschil in buttons tussen IE 5.1 en IE 5.1.4 ofzo :+

daan: mijn 'buttons' in Firefox onder Linux zijn simpel grijs met een 2 pixel border waardoor ze "eruit steken", iets wat HEEL simpel is onder CSS en je de buttons EXACT hetzelfde zou kunnen maken als bij mij.

[ Voor 31% gewijzigd door Osiris op 02-09-2005 14:04 ]


Verwijderd

Topicstarter
Het gaat er om dat de buttons precies eruit zien als dat een button standaard in IE of Firefox worden weergegeven

  • TwoR
  • Registratie: Augustus 2002
  • Laatst online: 24-04 13:45

TwoR

Gekleurde stippen

Verwijderd schreef op vrijdag 02 september 2005 @ 14:02:
Even over die CSS moet ik dat stukje dan zo aanroepen:

code:
1
2
<p><a class="knop" href="http://gathering.tweakers.net/forum/list_message/24100608#24100608">
http://gathering.tweakers.net/forum/list_message/24100608#24100608</a></p>
ja en in je StyleSheet zet je dan de style voor die knop.

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 14:08:
Het gaat er om dat de buttons precies eruit zien als dat een button standaard in IE of Firefox worden weergegeven
waardoor die knop dus niet past bij je site?
Zelf heb ik namelijk mijn standaard knoppen in Windows voorzien van een 5px border en grote letters met een gifgroene achtergrond, en jij? ;)

Verwijderd

Topicstarter
Met alle respect, maar dit lijkt toch bij lange na niet op de (standaard) button die ik voor ogen had.

Het gaat om het uiterlijke van <INPUT TYPE=button>. En de bedoeling van deze hele post is dat ik om grafische/visuele/beeldende redenen gebruik wil maken van die (<INPUT TYPE=button>) buttons, maar met behoud van een functie namelijk een popup window openen gecentreerd op het scherm.

En dat wil ik dan, hoewel ik de buttons niet correct gebruik, toch zo goed mogelijk doen. Vandaar mijn startvraag: Weet iemand wat de officiele schrijfwijze is van:
code:
1
<form><INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www.BLA.nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')" </form>

[ Voor 22% gewijzigd door André op 03-09-2005 15:44 ]


  • Noork
  • Registratie: Juni 2001
  • Niet online
Verwijderd schreef op vrijdag 02 september 2005 @ 14:21:
Met alle respect, maar dit lijkt toch bij lange na niet op de (standaard) button die ik voor ogen had.

Het gaat om het uiterlijke van <INPUT TYPE=button>. ...[/code]
Met alle respect, maar je mag zelf ook wel wat doen. Je moet de CSS iets wijzigen. Dit heb ik nl. direct gecopy-pasted uit een baksel van mij.

[ Voor 9% gewijzigd door Noork op 02-09-2005 14:24 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Als je het echt met zo'n knop wilt doen, doe het dan zo:
HTML:
1
2
3
<form action="http://www.BLA.nl/buttonpages/reiger2.htm" method="get">
<input type="submit" value="Button" onclick="winBRopen('http://www.BLA.nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no'); return false">
</form>

[ Voor 28% gewijzigd door André op 03-09-2005 15:44 ]


Verwijderd

Topicstarter
Even iets wijzigen....dan heb je precies het uiterlijk van <INPUT TYPE=button> denk het niet. En zeker niet aangezien deze button niet in elke browser hetzelfde wordt weergegeven ;) .

Dus ik denk dat ik toch maar gewoon <INPUT TYPE=button> op de "verkeerde" manier ga gebruiken.

Maar als iemand mij zou willen helpen om de meest-juiste-manier te vinden dan graag. Ik ga er vanuit dat een <input> in een form moet, maar zeker weten doe ik dat niet.

Voor de rest gebruik ik de volgden code:
code:
1
2
3
4
5
6
7
function winBRopen(theURL, Name, popW, popH, scroll) { // V 1.0
var winleft = (screen.width - popW) / 2;
var winUp = (screen.height - popH) / 2;
winProp = 'width='+popW+',height='+popH+',left='+winleft+',top='+winUp+',scrollbars='+scroll+',resizable'
Win = window.open(theURL, Name, winProp)
if (parseInt(navigator.appVersion) >= 4) { Win.window.focus(); }
}


code:
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
<form action="url" method="post">

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
     <td ID="table2">
     <div align="center">
     <table border="0" cellpadding="0" cellspacing="0" width="480">
     <tr>
     <td align="center" height="26">
     <INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www...../buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')" style="font-family: Arial"><font face="Arial"><INPUT TYPE=button VALUE="Button" onClick="blinkit()" style="font-family: Arial"> </font></td>
     </tr>
     <tr>
     <td align="center" height="26">
     <INPUT TYPE="button" VALUE="Button" ONCLICK="swap()" style="font-family: Arial"><INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www....../video/hertje.htm','windowname','280','279','no')" style="font-family: Arial"><font face="Arial"><INPUT TYPE=button VALUE="Button" onClick="blinkit1()" style="font-family: Arial"></font></td>
     </tr>
     </table>
     </div>
    </td>
 </tr>
</table>

</div>

</form>


Zo heb ik heb begrepen dat form action="url" als niet goed is, aangezien url niet bestaat?

edit was net te laat om post van erkens te zien.

[ Voor 49% gewijzigd door Verwijderd op 02-09-2005 14:34 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 14:30:
Maar als iemand mij zou willen helpen om de meest-juiste-manier te vinden dan graag. Ik ga er vanuit dat een <input> in een form moet, maar zeker weten doe ik dat niet.
negeer je mijn post met opzet?

Verwijderd

Topicstarter
Wat nu al ik meerdere url's heb? Maak ik dan gewoon meerdere forms aan. Of zou ik het ook anders op kunnen schrijven?

[ Voor 9% gewijzigd door Verwijderd op 02-09-2005 14:35 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 14:35:
Wat nu al ik meerdere url's heb? Maak ik dan gewoon meerdere forms aan. Of zou ik het ook anders op kunnen schrijven?
Jij wilde buttons gebruiken ;) Als je het anders wilt doen (dus zonder form) dan sluit je veel mensen buiten, als dat is wat je wilt ga je gang. Maar ga aub eens zelf eens wat moeite proberen doen...

Verwijderd

Topicstarter
He Erkens, bedankt voor je tip, ik vroeg het me gewoon af, aangezien in het onderstaande form meerdere inputs staan. Wat dan de meest-juiste manier van opschrijven is.

code:
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
<form action="http://www...../buttonpages/reiger2.htm" method="post">

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
     <td ID="table2">
     <div align="center">
     <table border="0" cellpadding="0" cellspacing="0" width="480">
     <tr>
     <td align="center" height="26">
     <INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www...../buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')" style="font-family: Arial"><font face="Arial"><INPUT TYPE=button VALUE="Button" onClick="blinkit()" style="font-family: Arial"> </font></td>
     </tr>
     <tr>
     <td align="center" height="26">
     <INPUT TYPE="button" VALUE="Button" ONCLICK="swap()" style="font-family: Arial"><INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www...../video/hertje.htm','windowname','280','279','no')" style="font-family: Arial"><font face="Arial"><INPUT TYPE=button VALUE="Button" onClick="blinkit1()" style="font-family: Arial"></font></td>
     </tr>
     </table>
     </div>
    </td>
 </tr>
</table>

</div>

</form>

[ Voor 121% gewijzigd door Verwijderd op 02-09-2005 14:58 ]


Verwijderd

Topicstarter
FF samengevat: Ik wil om bate van visuele motieven gebruik maken van <INPUT TYPE=button>. Ik heb verschillende dezelfde soort van buttons die verwijzen naar verschillende functies.
Vooropgestel het werkt(e) wel / al, maar ik dacht / denk dat het goed is als ik zoveel mogelijk de dingen volgens de regel opschrijf. Dus ik geef m'n document een doctype en doe de w3c validatietest. Daar kwam dus uit als ik bijvoorbeeld dit neem / nam:
code:
1
2
3
4
5
6
7
<form>
<INPUT TYPE=button VALUE="Button" onclick="winBRopen('http://www..nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')">
<INPUT TYPE=button VALUE="Button" onclick="blinkit()">
<INPUT TYPE="button" VALUE="Button" onclick="swap()">
<INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www..nl/video/hertje.htm','windowname','280','279','no')">
<INPUT TYPE=button VALUE="Button" onclick="blinkit1()">
</form>


w3c validatietest:
code:
1
Error  Line 129 (is <form>)column 5: required attribute "ACTION" not specified.


Vandaar mijn vraag hoe dit op de meest juist manier (ik ga blind uit van w3c dus met action) op te schrijven.

Vandaar dat ik aankwam met:
code:
1
2
3
4
5
6
7
<form action="http://www...../buttonpages/reiger2.htm" method="post">
<INPUT TYPE=button VALUE="Button" onclick="winBRopen('http://www..nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')">
<INPUT TYPE=button VALUE="Button" onclick="blinkit()">
<INPUT TYPE="button" VALUE="Button" onclick="swap()">
<INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www..nl/video/hertje.htm','windowname','280','279','no')">
<INPUT TYPE=button VALUE="Button" onclick="blinkit1()">
</form>


Maar dat lijkt me ook niet goed want er zijn verschillende inputs. Dus kwam ik uit bij dat iedere input dan z'n eigen form moet hebben. Maar dan krijg je dus ook allemaal verschillende actions. En ik wist/weet niet hoe je een action voor de form aangeeft terwijl de onlclick in de form je verwijst naar een "ander" javascript.

En dan vraag ik me af als ik dit maak:
code:
1
<form action="http://www...../buttonpages/reiger2.htm" method="post"><INPUT TYPE=button VALUE="Button" onclick="winBRopen('http://www..nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')"></form>


Met daaronder
code:
1
<form action= ????? method="post"><INPUT TYPE=button VALUE="Button" onclick="blinkit()"></form>


Hoe moet ik dan die actions definieren?

[ Voor 40% gewijzigd door Verwijderd op 02-09-2005 17:47 ]


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Zet in de onclick van de button de action van de form en submit vervolgens de form :?
Zo moeilijk is dat niet hoor.
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
    <title>Voila</title>
</head>

<body>
    <form name="myForm" method="get" action="#" target="_blank">
        <input type="button" onclick="document.forms['myForm'].action='http://www.google.com';document.forms['myForm'].submit();" value="Google">
        <input type="button" onclick="document.forms['myForm'].action='http://www.ilse.nl';document.forms['myForm'].submit();" value="Ilse">
        <input type="button" onclick="document.forms['myForm'].action='http://www.altavista.nl';document.forms['myForm'].submit();" value="AltaVista">
        <input type="button" onclick="document.forms['myForm'].action='http://www.tweakers.net';document.forms['myForm'].submit();" value="Tweakers">
    </form>
</body>
</html>

^^ Omdat ik het topic beu ben...
Dan heb je je buttons, je form en het valideert. Anders nog iets?

En als je je functie wil gebruiken:
HTML:
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
    <title>Voila</title>
    <script language="JavaScript" type="text/javascript">
    function winBRopen(theURL, Name, popW, popH, scroll) { // V 1.0
        var winleft = (screen.width - popW) / 2;
        var winUp = (screen.height - popH) / 2;
        winProp = 'width='+popW+',height='+popH+',left='+winleft+',top='+winUp+',scrollbars='+scroll+',resizable'
        Win = window.open(theURL, Name, winProp)
        if (parseInt(navigator.appVersion) >= 4) { Win.window.focus(); }
    }
    </script>
</head>

<body>
    <form name="myForm" method="get" action="#" target="_blank">

        <input type="button" onclick="winBRopen('http://www.google.com','bla',640,480,'no');" value="Google">
        <input type="button" onclick="winBRopen('http://www.ilse.nl','bla',640,480,'no');" value="Ilse">
        <input type="button" onclick="winBRopen('http://www.altavista.nl','bla',640,480,'no');" value="AltaVista">
        <input type="button" onclick="winBRopen('http://www.tweakers.net','bla',640,480,'no');" value="Tweakers">
    </form>
</body>
</html>

Voila. Dan heb je je buttons, je form, het valideert én je kunt je functie gebruiken....
Als je nu nog wil dat elke knop een NIEUWE pop-up gebruikt in plaats van de huidige te "recyclen" dan verander je bij iedere button de "bla" in "bla1", "bla2" etc...

[ Voor 255% gewijzigd door RobIII op 02-09-2005 18:10 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:25

crisp

Devver

Pixelated

Als je niet afhankelijk wilt zijn van javascript is het idee van een eigen form per actie nog niet eens zo gek:
HTML:
1
2
3
<form action="http://www..nl/buttonpages/reiger2.htm" target="_blank" onsubmit="winBRopen(this.action,'wateenlelijkereiger','287','360','no');return false">
    <input type="submit" value="klik hier voor een lelijke reiger">
</form>

Intentionally left blank


Verwijderd

Topicstarter
zoiets:?
code:
1
2
3
4
5
6
7
8
9
10
11
function submitMyForm( formAction ) {
        document.myForm.action= formAction;
        document.myForm.submit();
} 

<FORM NAME="myForm" method=get>
<INPUT TYPE=button VALUE="Button"
onClick="submitMyForm('"winBRopen('http://www.../buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')"')">
<INPUT TYPE=button VALUE="Button"
onClick="submitMyForm('"blinkit()"')">
</FORM>

[ Voor 50% gewijzigd door Verwijderd op 02-09-2005 18:13 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:25

crisp

Devver

Pixelated

nee; als het zonder javascript niet werkt is er geen enkele reden om een form te gebruiken....

Intentionally left blank


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

De oplossing van crisp (die ik ook ongeveer had) is veel beter, ik zou daarvoor gaan, maargoed ik ben dan ook niet zo koppig dat ik nooit iets nieuws/beters wil proberen ;)

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Verwijderd schreef op vrijdag 02 september 2005 @ 18:11:
zoiets:?
code:
1
2
3
4
5
6
7
8
9
10
11
function submitMyForm( formAction ) {
        document.myForm.action= formAction;
        document.myForm.submit();
} 

<FORM NAME="myForm" method=get>
<INPUT TYPE=button VALUE="Button"
onClick="submitMyForm('"winBRopen('http://www.../buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')"')">
<INPUT TYPE=button VALUE="Delete"
onClick="submitMyForm('"blinkit()"')">
</FORM>
Wat the ****?
Komaan, mooier kon ik het je niet voorkauwen hoor. Je zou om te beginnen al eens kunnen zorgen dat je om alle attributen een quote (") zet. Vervolgens kun je proberen de berichten van de validator proberen te interpreteren.

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:25

crisp

Devver

Pixelated

RobIII: jouw voorbeeld is ook puur afhankelijk van javascript; IMHO kan je dan net zo goed losse buttons gebruiken (zonder form - dat is immers niet verplicht) met elk een onclick erop...

[ Voor 10% gewijzigd door crisp op 02-09-2005 18:16 ]

Intentionally left blank


Verwijderd

Topicstarter
Beide opties werken inderdaad. kZal er eens grondig naar kijken. Bedankt voor de bijdrage!

EDIT: Dus <form> is helemaal niet nodig. Een <input> heeft geen formpje nodig. Dit is blijkbaar ook goed / gevalideert

<INPUT TYPE=button VALUE="Button" onclick="winBRopen('http://www....nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')">
<INPUT TYPE=button VALUE="Button" onClick="blinkit()">
<INPUT TYPE="button" VALUE="Button" onclick="swap()">
<INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www....nl/video/hertje.htm','windowname','280','279','no')">
<INPUT TYPE=button VALUE="Button" onClick="blinkit1()">

[ Voor 126% gewijzigd door Verwijderd op 02-09-2005 18:51 ]


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
crisp schreef op vrijdag 02 september 2005 @ 18:16:
RobIII: jouw voorbeeld is ook puur afhankelijk van javascript; IMHO kan je dan net zo goed losse buttons gebruiken (zonder form - dat is immers niet verplicht) met elk een onclick erop...
I knooow :P Maar TS moest en zou een form, buttons en zijn script gebruiken en dat heb ik 'm gegeven... Simple as that.

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Verwijderd

Topicstarter
TS als je mij daarmee bedoeld...Van mij heb je <form> nooit hoeven te gebruiken. Ik wilde dat m'n pagina met de huidige layout, buttons en functies werkte en volgens de regels. Ik wist niet hoe dat moest vandaar dat ik dit topic gestart ben. Waar het nu op neer komt is dat ik alleen <form> en </form> hoefde weg te halen.

[ Voor 20% gewijzigd door Verwijderd op 02-09-2005 18:52 ]


  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Verwijderd schreef op vrijdag 02 september 2005 @ 18:48:
Ik wist niet hoe dat moest vandaar dat ik dit topic gestart ben. Waar het nu op neer komt is dat ik alleen <form> en </form> hoefde weg te halen.
.. en vervolgens ben je eigenwijs en negeer je de betere alternatieven waarbij de toegankelijkheid van je site vergoot zou worden...

Verwijderd

Topicstarter
Ik begrijp niet helemaal wat je bedoeld. Zolang het visueel precies hetzelfde blijft, wordt zoals ik vind dat het goed is, vind ik alles OK. Ik ben helemaal niet tegen toegankelijkheid. In tegendeel. Anders zou ik toch ook al deze moeite niet doen. Maar het moet wel beeldend aantrekkelijk blijven: in dit geval met echte <INPUT TYPE=button>.

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf


Verwijderd

Topicstarter
crisp schreef op vrijdag 02 september 2005 @ 18:16:
....IMHO kan je dan net zo goed losse buttons gebruiken (zonder form - dat is immers niet verplicht) met elk een onclick erop...

  • Erkens
  • Registratie: December 2001
  • Niet online

Erkens

Fotograaf

Je wilt het gewoon niet snappen, wij zitten hier dus gewoon tijd te verspillen voor jou, ga maar fijn met je sitetje verder maar kom ons niet lastig vallen dan ofzo :/

Verwijderd

Topicstarter
Beste Erkens. Ik ben dit Topic begonnen met
I.v.m. w3c validatie. Weet iemand wat de officiele schrijfwijze is van:
code:
1
<form><INPUT TYPE=button VALUE="Button" onClick="winBRopen('http://www....nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')" </form>
Ik krijg error mbt action en ik weet niet hoe ik die action moet definieren:
code:
1
Error  Line 129 column 5: required attribute "ACTION" not specified


Ik heb geleerd dat een <INPUT TYPE=button VALUE="Button"> geen formpje nodig heeft. Nog wat ander mogelijkheden heb ik langs zien komen, maar die waren voor mijn site niet toepasbaar. Dus ik heb het aangepast naar:
code:
1
<INPUT TYPE=button VALUE="Button" onclick="winBRopen('http://www....nl/buttonpages/reiger2.htm','wateenlelijkereiger','287','360','no')">

De pagina ziet er uit zoals ik wil, werkt en is nu ook volgens de w3c gevalideert.Daarmee is voor mij de kous af / vraag beantwoord.
.. en vervolgens ben je eigenwijs en negeer je de betere alternatieven waarbij de toegankelijkheid van je site vergoot zou worden...Je wilt het gewoon niet snappen, wij zitten hier dus gewoon tijd te verspillen voor jou, ga maar fijn met je sitetje verder maar kom ons niet lastig vallen dan ofzo:/..
Als je nog wat toe te voegen hebt dan heb ik daar oren maar ik zie ik niet wat de toevoeging zou kunnen zijn. De site is voor iedereen toegankelijk.Dus a.u.b. verklaar je nader en zeg eens letterlijk wat die verbeteringen volgens jou zijn.

[ Voor 23% gewijzigd door Verwijderd op 03-09-2005 15:26 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 28-04 11:43

André

Analytics dude

Goed, een flameware hoeft van mij niet. Dus deze gaat nu dicht :/
Pagina: 1

Dit topic is gesloten.