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