LinkBack URL
About LinkBacks
Alright, this is my second question of the day. What I'm trying to do is implement an accordian effect to a page with limited size. I'm tring out the JQuery framework for the first time with this plugin. I have the following code on my page:
An the page is supposed to look something similar to this jQuery UI - Demos & Documentation but for some reason, it goes off the edge of the page. Any solutions?Code:<%@ Language=VBScript %> <html> <head> <title>El Corte Inglés - Encomenda de Cabazes de Natal 2009</title> <link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script language="JavaScript" src="/include/funciones.js"></script> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Accordion $("#accordion").accordion({ header: "h3" }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="../EstilosCSS/reset.css" rel="stylesheet" type="text/css"> <style type="text/css"> /*demo page css*/ #containerForm {width: 700px ; height: 400px} #left {float: left;} p {margin-bottom:0; margin-top:5px} #submit { padding-left: 480px; padding-top:10px} #accordian {height: 400px; width: 310px; float:right} </style> <strong> <!-- Beginning of ASP Form-Handler Script --> <% 'Declare variables for the e-mail script dim strAddr dim replyTo dim strSubject dim strText Dim RedirectURL 'Next, declare itsReady variable so we can trigger e-mail function 'only if user has entered an e-mail address. A real form would 'have a stringent error checking routine dim itsReady itsReady = "" 'Get input from the form and assign it to script variables strAddr = Trim(Request.form("EMAIL")) if strAddr <> "" then replyTo = cstr(strAddr) end if strSubject = Request.form("NOME") strRegisto = Request.form("REGISTO") strFrase = Request.form("FRASE") strPergunta1 = Request.form("PERGUNTA1") strPergunta2 = Request.form("PERGUNTA2") strPergunta3 = Request.form("PERGUNTA3") strText = "nome: " & strSubject & vbCrLf & "email: " & strAddr & vbCrLf & "registo: " & strRegisto & vbCrLf & vbCrLf & "Frase: " & strFrase & vbCrLf & "Pergunta 1: " & strPergunta1 & vbCrLf & "Pergunta 2: " & strPergunta2 & vbCrLf & "Pergunta 3: " & strPergunta3 'Note: use vbCrLf (as above) to add line breaks in e-mail message 'Now trigger e-mail function if submitted with a non-blank email if strRegisto <> "" then itsReady = send_email() 'The send_email function formats and sends the e-mail function send_email() 'Create an object or container for your mail Dim objMail Set objMail = Server.CreateObject("CDO.Message") 'Format the e-mail using fields from your HTML form<br> 'objMail.To = "cabazesdenatal(at)elcorteingles.pt" objMail.bcc = "hugofroes(at)elcorteingles.pt" 'The From address is a fake address to alert you to 'the origin of the email. You will not reply to it. objMail.ReplyTo = replyTo 'replyTo is the email address from the form objMail.Subject = strSubject objMail.TextBody = strText objMail.From = "passatempo_LGl@elcorteingles.pt" 'The From address is a fake address to alert you to 'the origin of the email. You will not reply to it. objMail.ReplyTo = replyTo 'replyTo is the email address from the form objMail.Subject = strSubject objMail.TextBody = strText objMail.Send 'comment out to test script without sending mail 'Release system resources Set objMail = Nothing 'Book example includes following line; replaced by a Javascript alert box 'Response.Write "<h3>Thank you for using e-mail!</h3>" RedirectURL = "confirmLG.asp" If RedirectURL <> "" then If Request.QueryString <> "" Then response.redirect(RedirectURL & "?" & Request.QueryString) else response.redirect(RedirectURL) end If end if end function %> <!-- End of ASP Form-Handler Script --> </strong> </head> <form action="2009_12_LG_form.asp" method="post" name="theForm"> <div id="containerForm"> <div id="left"> <img src="img/001.jpg" width="390" height="400" alt="Passatempo LG e El Corte Inglés online"></div> <div id="accordion"> <div> <h3><a href="#">First</a></h3> <div> <p>Clica no link para ir para a nossa <br> página de registo:</p> <p>https://www.elcorteingles.pt/grupoeci/<br> grupoeci/registro/Acceso?idiom=po</p> <p>Guarda o seu número de registo</p> </div> </div> <div> <h3><a href="#">Second</a></h3> <div> <p>Preencha os seus dados para se habilitar ao passatempo:</p> <p><strong>Frase</strong><br> <input name="FRASE" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45"> </p> <p><strong>Pergunta 1</strong><br> <input name="PERGUNTA1" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45" maxlength="0"></p> <p><strong>Pergunta 2</strong><br> <input name="PERGUNTA2" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45"></p> <p><strong>Pergunta 3</strong><br> <input name="PERGUNTA3" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45"></p> </div> </div> <div> <h3><a href="#">Third</a></h3> <div> <p>Preencha os seus dados para se habilitar ao passatempo:</p> <p>Nome<br> <input name="NOME" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45" maxlength="35"></p> <p>E-mail<br> <input name="EMAIL" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45" maxlength="35"></p> <p>Numero de registo<br> <input name="REGISTO" type="text" style="font-size: 2.7mm; font-family= Verdana, Arial, Helvetica" size="45" maxlength="20"></p> </div> </div> <div id="submit"> <input type="submit" value="Enviar"> <input type="reset" value="Limpar"> </div> </div> </div> </form> </body> </html>
Reply With Quote
Originally Posted by Rangerbob5 
Bookmarks