Making an anchor behave like a button

Carl G <[email protected]> Fri, 7 Mar 2025 22:29:39 -0500
Newsgroups gmane.comp.lang.smalltalk.squeak.seaside
Message-ID <CAPYvR9fbyo=CMa+Di9Yb4AkMNszpzAg=7EhF6wAhsu0XaRfdzg@mail.gmail.com>
--===============5522692912805460736==
Content-Type: multipart/alternative; boundary="000000000000fe05c0062fcc5a86"

--000000000000fe05c0062fcc5a86
Content-Type: text/plain; charset="UTF-8"

   1. My attempts at submitting a  form when an anchor is clicked so that
   it behaves like a button have been pretty hit or miss.
   I was able to do this in a much older version of Seaside without
   difficulty.  I'm not sure if I'm not using the correct javascript libraries
   in my application's configuration.  Clearly there must be a way to make it
   work, even if I need to write a little javascript to emulate the old
   behavior.

   2. This is the code I am using.

   3. anchor
       id: self id;
       class: self cssClass;
       callback: [
           (html jQuery this closest: self director identifier)
   triggerSubmit.
           self triggerEvent: #linkClicked with: self
       ];
       onClick: 'submit()';
       with: self text

   4. The javascript library I am using is JQuery.JQDepoloymentLibrary.  I
   also was including WAToolFile, but that doesn't seem to make any difference.

   5. Any thoughts appreciated.


Thanks,

-Carl Gundel
http://runbasic.com

--000000000000fe05c0062fcc5a86
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><ol class=3D"gmail-scrollerInner__36d07" aria-label=3D"Mes=
sages in seaside" role=3D"list" tabindex=3D"0" style=3D"margin:0px;padding:=
0px;border:0px;font-family:&quot;gg sans&quot;,&quot;Noto Sans&quot;,&quot;=
Helvetica Neue&quot;,Helvetica,Arial,sans-serif;font-size:16px;vertical-ali=
gn:baseline;list-style:none;min-height:0px;overflow:hidden;color:rgb(0,0,0)=
"><li id=3D"gmail-chat-messages-311419918631305218-1347770725532041226" cla=
ss=3D"gmail-messageListItem__5126c" style=3D"margin:0px;padding:0px;border:=
0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-ali=
gn:baseline;outline:none"><div class=3D"gmail-message__5126c gmail-cozyMess=
age__5126c gmail-groupStart__5126c gmail-wrapper_c19a55 gmail-cozy_c19a55 g=
mail-zalgo_c19a55" role=3D"article" tabindex=3D"-1" aria-labelledby=3D"mess=
age-username-1347770725532041226 uid_1 message-content-1347770725532041226 =
uid_2 message-timestamp-1347770725532041226" style=3D"margin-right:0px;marg=
in-bottom:0px;margin-left:0px;border:0px;font-weight:inherit;font-style:inh=
erit;font-family:inherit;vertical-align:baseline;outline:0px;min-height:2.7=
5rem"><div class=3D"gmail-contents_c19a55" style=3D"margin:0px;padding:0px;=
border:0px;font-weight:inherit;font-style:inherit;font-family:inherit;verti=
cal-align:baseline;outline:0px"><div id=3D"gmail-message-content-1347770725=
532041226" class=3D"gmail-markup__75297 gmail-messageContent_c19a55" style=
=3D"margin-top:0px;margin-right:0px;margin-bottom:0px;padding-top:0px;paddi=
ng-right:0px;padding-bottom:0px;border:0px;font-weight:inherit;font-style:i=
nherit;font-family:inherit;font-size:1rem;vertical-align:baseline;outline:0=
px;overflow:hidden">My attempts at submitting a =C2=A0form when an anchor i=
s clicked so that it behaves like a button have been pretty hit or miss. <b=
r>I was able to do this in a much older version of Seaside without difficul=
ty.=C2=A0 I&#39;m not sure if I&#39;m not using the correct javascript libr=
aries in my application&#39;s configuration.=C2=A0 Clearly there must be a =
way to make it work, even if I need to write a little javascript to emulate=
 the old behavior.<br><br></div></div></div></li><li id=3D"gmail-chat-messa=
ges-311419918631305218-1347770725532041226" class=3D"gmail-messageListItem_=
_5126c" style=3D"margin:0px;padding:0px;border:0px;font-weight:inherit;font=
-style:inherit;font-family:inherit;vertical-align:baseline;outline:none"><d=
iv id=3D"gmail-message-content-1347770725532041226" class=3D"gmail-markup__=
75297 gmail-messageContent_c19a55" style=3D"margin-top:0px;margin-right:0px=
;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;bor=
der:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-siz=
e:1rem;vertical-align:baseline;outline:0px;overflow:hidden">This is the cod=
e I am using.<br><br></div></li><li id=3D"gmail-chat-messages-3114199186313=
05218-1347770725532041226" class=3D"gmail-messageListItem__5126c" style=3D"=
margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;fo=
nt-family:inherit;vertical-align:baseline;outline:none"><div id=3D"gmail-me=
ssage-content-1347770725532041226" class=3D"gmail-markup__75297 gmail-messa=
geContent_c19a55" style=3D"margin-top:0px;margin-right:0px;margin-bottom:0p=
x;padding-top:0px;padding-right:0px;padding-bottom:0px;border:0px;font-weig=
ht:inherit;font-style:inherit;font-family:inherit;font-size:1rem;vertical-a=
lign:baseline;outline:0px;overflow:hidden">anchor<br>=C2=A0 =C2=A0 id: self=
 id;<br>=C2=A0 =C2=A0 class: self cssClass;<br>=C2=A0 =C2=A0 callback: [<br=
>=C2=A0 =C2=A0 =C2=A0 =C2=A0 (html jQuery this closest: self director ident=
ifier) triggerSubmit.<br>=C2=A0 =C2=A0 =C2=A0 =C2=A0 self triggerEvent: #li=
nkClicked with: self<br>=C2=A0 =C2=A0 ];<br>=C2=A0 =C2=A0 onClick: &#39;sub=
mit()&#39;;<br>=C2=A0 =C2=A0 with: self text<br><br></div></li><li id=3D"gm=
ail-chat-messages-311419918631305218-1347770725532041226" class=3D"gmail-me=
ssageListItem__5126c" style=3D"margin:0px;padding:0px;border:0px;font-weigh=
t:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;ou=
tline:none"><div id=3D"gmail-message-content-1347770725532041226" class=3D"=
gmail-markup__75297 gmail-messageContent_c19a55" style=3D"margin-top:0px;ma=
rgin-right:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-=
bottom:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:in=
herit;font-size:1rem;vertical-align:baseline;outline:0px;overflow:hidden">T=
he javascript library I am using is JQuery.JQDepoloymentLibrary.=C2=A0 I al=
so was including WAToolFile, but that doesn&#39;t seem to make any differen=
ce.<br><br></div></li><li id=3D"gmail-chat-messages-311419918631305218-1347=
770725532041226" class=3D"gmail-messageListItem__5126c" style=3D"margin:0px=
;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-family:=
inherit;vertical-align:baseline;outline:none"><div id=3D"gmail-message-cont=
ent-1347770725532041226" class=3D"gmail-markup__75297 gmail-messageContent_=
c19a55" style=3D"margin-top:0px;margin-right:0px;margin-bottom:0px;padding-=
top:0px;padding-right:0px;padding-bottom:0px;border:0px;font-weight:inherit=
;font-style:inherit;font-family:inherit;font-size:1rem;vertical-align:basel=
ine;outline:0px;overflow:hidden">Any thoughts appreciated.</div></li></ol><=
div><font color=3D"#000000" face=3D"gg sans, Noto Sans, Helvetica Neue, Hel=
vetica, Arial, sans-serif"><span style=3D"font-size:16px"><br></span></font=
></div><div><font color=3D"#000000" face=3D"gg sans, Noto Sans, Helvetica N=
eue, Helvetica, Arial, sans-serif"><span style=3D"font-size:16px">Thanks,</=
span></font></div><div><font color=3D"#000000" face=3D"gg sans, Noto Sans, =
Helvetica Neue, Helvetica, Arial, sans-serif"><span style=3D"font-size:16px=
"><br></span></font></div><div><font color=3D"#000000" face=3D"gg sans, Not=
o Sans, Helvetica Neue, Helvetica, Arial, sans-serif"><span style=3D"font-s=
ize:16px">-Carl Gundel</span></font></div><div><font color=3D"#000000" face=
=3D"gg sans, Noto Sans, Helvetica Neue, Helvetica, Arial, sans-serif"><span=
 style=3D"font-size:16px"><a href=3D"http://runbasic.com">http://runbasic.c=
om</a></span></font></div></div>

--000000000000fe05c0062fcc5a86--

--===============5522692912805460736==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

_______________________________________________
seaside mailing list -- [email protected]
To unsubscribe send an email to [email protected]

--===============5522692912805460736==--