Hi,
Thanks to those who have replied so far. I'm still a bit lost because
this has gotten a bit more complicated so I'll explain a bit.
I have a page which lists records in a mysql database. They each have
varying options including delete. They are printed with a php loop. The
table of records is in a form and the delete button has in fact become a
input type=image which posts some data back to the page with a
javascript return confirm. The posted data is then excecuted. The php
and mysql is fine but the javascript is doing the confirming which means
that if it's turned off then there is no confirmation of the delete.
This is the reason why I am trying to put in a regular image with a link
to another page which only appears if javascript is disabled.
I know this isn't a JavaScript help page but I'm hoping that someone
will understand my babbling because I'm having trouble getting this to
do what I need and validate my page at the same time. The first solution
posted by Michael seemed good until I realised it was actually an input
type=image that I needed (sorry about that). The solution below seems to
do what I need but the complexity of the javascript makes me feel cold.
Can anyone either mail me directly to save clogging up this mailing list
or point me to a place where I can learn what I need? Does anyone know a
good javascript forum?
Many Thanks,
IceKat
David Dorward wrote:
Three issues:
1: A start tag starts an element, an end tag ends an element, and
elements must be contained entirely within other elements.
2: noscript is a very poor means of handling the 'no js case', it
doesn't cope with 'JavaScript supported, but not the functions you are
calling'
3: Links make GET requests, and GET requests shouldn't do anything
significant to the server (like deleting files). People have run into
problems with precaching proxy servers following all the links to get
the content available for users and deleting lots of files as they go.
For changes to the server, use POST.
I would do something like this:
<form method="POST" action="a_link.html" class="delete_file">
<div>
<input name="delete" type="image"
src="pics/delete.gif" alt="Delete File">
</div>
</form>
And then:
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.1/build/yahoo-dom-event/yahoo-dom-event.js";></script>
<script type="text/javascript">
function deleteFiles(e, obj) {
YAHOO.util.Event.preventDefault(e); // Don't submit the form normally
// And then whatever else you want your JS to do
}
var elements = YAHOO.util.Dom.getElementsByClassName('delete_file',
'form');
YAHOO.util.Event.addListener(elements, "submit", deleteFiles);
</script>
YUI documentation is available from http://developer.yahoo.com/yui/
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
