officiele schrijfwijze <form> button

[Verwijderd]

I.v.m. w3c validatie. Weet iemand wat de officiele schrijfwijze is van:

code:

<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:

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]

HTML:

<form action="url" method="post">
..
</form>

[TwoR]

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

code:

<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]

En hier mist ook wat...

code:

<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 ]

[Verwijderd]

Erkens: This Page Is Valid HTML 4.01 Transitional!

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

[Rickets]

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?

[Verwijderd]

waarom link als het button kan?

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

[JHS]

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?

[Verwijderd]

[url]http[/url]

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

[crisp]

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

[Verwijderd]

Oh ik dacht dat die binnen een form moesten?

[Rickets]

Verwijderd schreef op vrijdag 02 september 2005 @ 12:32:
waarom link als het button kan?

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.

[TwoR]

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]

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

[Verwijderd]

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]

Verwijderd schreef op vrijdag 02 september 2005 @ 12:53:
waar gaat dit over?

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.

[Verwijderd]

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]

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 ]

[Verwijderd]

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]

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

[Erkens]

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]

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

[Verwijderd]

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]

Daan, je kan dmv 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 ]

[Verwijderd]

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]

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]

Het kan prima met CSS. Zoiets als hier beneden:

code:

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]

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

[Osiris]

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?

[Verwijderd]

Dat begrijp jij niet he? Standaard anders = Standaard hetzelfde = anders = hetzelfde

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

[Erkens]

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

[Verwijderd]

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

code:

<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]

Erkens schreef op vrijdag 02 september 2005 @ 14:01:
[...]

volgens mij snap je het zelf niet

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]

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

[TwoR]

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

code:

<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]

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]

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:

<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]

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]

Als je het echt met zo'n knop wilt doen, doe het dan zo:

HTML:

<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]

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:

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:

<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]

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]

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]

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]

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:

<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]

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:

<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:

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:

<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:

<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:

<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]

Zet in de onclick van de button de action van de form en submit vervolgens de form
Zo moeilijk is dat niet hoor.

HTML:

<!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:

<!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 ]

[crisp]

Als je niet afhankelijk wilt zijn van javascript is het idee van een eigen form per actie nog niet eens zo gek:

HTML:

<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>

[Verwijderd]

zoiets:?

code:

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]

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

[Erkens]

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]

Verwijderd schreef op vrijdag 02 september 2005 @ 18:11:
zoiets:?

code:

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.

[crisp]

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 ]

[Verwijderd]

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]

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 Maar TS moest en zou een form, buttons en zijn script gebruiken en dat heb ik 'm gegeven... Simple as that.

[Verwijderd]

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]

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]

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]

lees het topic aub nog eens door...

bijvoorbeeld:
Erkens in "officiele schrijfwijze <form> button"
crisp in "officiele schrijfwijze <form> button"

[Verwijderd]

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]

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]

Beste Erkens. Ik ben dit Topic begonnen met

I.v.m. w3c validatie. Weet iemand wat de officiele schrijfwijze is van:

code:

<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:

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:

<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é]

Goed, een flameware hoeft van mij niet. Dus deze gaat nu dicht