In your script tags, you have scr="jquery.js" instead of src="jquery.js"
Rik 2008/11/20 Tolis Christomanos <[EMAIL PROTECTED]>: > ok sorry > > The following link from the page file_editor.php which includes jquery > >> <a class="popupwindow" rel="windowCenter" >> href="components/com_highlights/lib/upload_form.php?uid=<?php echo $row->id; >> ?>" title="" rel="">File Upload</a> > > opens a window with this code > >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 >> Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> >> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> >> <head> >> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> >> <link rel="stylesheet" href="<?php echo $mosConfig_live_site; >> ?>/administrator/templates/onnup_admin_final/css/main.css" >> media="screen,projection" type="text/css" /> >> <script type="text/javascript" scr="<?php echo $mosConfig_live_site; >> ?>/administrator/components/com_highlights/js/jquery.js"></script> >> <script type="text/javascript" scr="<?php echo $mosConfig_live_site; >> ?>/administrator/components/com_highlights/js/jquery.form.js"></script> >> <script type="text/javascript"> >> >> // prepare the form when the DOM is ready >> $(document).ready(function() { >> var options = { >> target: '#results', // target element(s) to be updated >> with server response >> beforeSubmit: showRequest, // pre-submit callback >> success: showResponse // post-submit callback >> >> // other available options: >> //url: url // override for form's 'action' attribute >> //type: type // 'get' or 'post', override for form's >> 'method' attribute >> //dataType: null // 'xml', 'script', or 'json' (expected >> server response type) >> //clearForm: true // clear all form fields after successful >> submit >> //resetForm: true // reset the form after successful submit >> >> // $.ajax options can be used here too, for example: >> //timeout: 3000 >> }; >> >> // bind to the form's submit event >> $('#fileform').submit(function() { >> // inside event callbacks 'this' is the DOM element so we first >> // wrap it in a jQuery object and then invoke ajaxSubmit >> $(this).ajaxSubmit(options); >> >> // !!! Important !!! >> // always return false to prevent standard browser submit and page >> navigation >> return false; >> }); >> }); >> >> // pre-submit callback >> function showRequest(formData, jqForm, options) { >> // formData is an array; here we use $.param to convert it to a string >> to display it >> // but the form plugin does this for you automatically when it submits >> the data >> var queryString = $.param(formData); >> >> // jqForm is a jQuery object encapsulating the form element. To >> access the >> // DOM element for the form do this: >> // var formElement = jqForm[0]; >> >> alert('About to submit: \n\n' + queryString); >> >> // here we could return false to prevent the form from being >> submitted; >> // returning anything other than false will allow the form submit to >> continue >> return true; >> } >> >> // post-submit callback >> function showResponse(responseText, statusText) { >> // for normal html responses, the first argument to the success >> callback >> // is the XMLHttpRequest object's responseText property >> >> // if the ajaxSubmit method was passed an Options Object with the >> dataType >> // property set to 'xml' then the first argument to the success >> callback >> // is the XMLHttpRequest object's responseXML property >> >> // if the ajaxSubmit method was passed an Options Object with the >> dataType >> // property set to 'json' then the first argument to the success >> callback >> // is the json data object returned by the server >> >> alert('status: ' + statusText + '\n\nresponseText: \n' + responseText >> + >> '\n\nThe output div should have already been updated with the >> responseText.'); >> } >> >> </script> >> </head> >> <body> >> >> <h1><?php echo $titletext; ?></h1> >> >> <div id="results"></div> >> >> <form id="fileform" class="adminform" enctype="multipart/form-data" >> method="post" action="" > >> >> <label for="file"><?php echo $filetext; ?></label> >> <input type="file" name="file" /> >> <input type="submit" name="submit" value="<?php echo $uploadtext; >> ?>" /> >> <input type="submit" name="done" value="<?php echo $savetext; >> ?>"/> >> </form> >> >> </body> >> </html> > > > The error is for the $(document).ready(); which i think means that jquery is > not loaded but the path to jquery.js is correct... > > > > On Thu, Nov 20, 2008 at 1:30 PM, Liam Potter <[EMAIL PROTECTED]> > wrote: >> >> show us code, give us a link. >> >> >> Tolis Christomanos wrote: >>> >>> Hi all, >>> >>> I am using window.open to open a new window to display a form. >>> >>> The form uses jquery for validation but i get the following error >>> >>> $ is not defined >>> >>> though i include jquery in the <head> >>> >>> Any ideas? >> > > -- Rik Lomas http://rikrikrik.com
