Я работаю над своим первым веб-приложением, и я пытаюсь использовать javascript для отправки формы, нажимая на текст. Когда я нажимаю на текст, ничего не происходит. На данный момент он должен просто открыть простую веб-страницу. Я знаю, как обрабатывать формы с помощью html, но когда я пытаюсь использовать javascript, ничего не происходит. Я использую unix, и я уже настроил свой сервер и chmod 755 cgi-файл. Я не это ошибка сервера, так как я ранее выполнял файлы cgi. Я следую этому руководству: http://www.thesitewizard.com/archive/textsubmit.shtml
Вот мой тестовый html:
<html> <head> <title>EDVT Report Generator</title> <style> h1 { text-align: center; } <script language="JavaScript" type="text/javascript"> function getsupport ( selectedtype ) { document.supportform.supporttype.value = selectedtype ; document.supportform.submit() ; } </script> </style> </head> <body> <h1 id = "title">Test</h1> <form name="supportform" method="post" action="/cgi-bin/hello.py"> <input type="hidden" name="supporttype" /> <a href="javascript:getsupport('Paid')" onclick = "getsupport('Paid')">Paid Support</a> or <a href="javascript:getsupport('Free')" onclick = "getsupport('Free')">Free Support</a> </form> </body> </html> И вот файл cgi:
#!/usr/bin/python import cgitb, cgi cgitb.enable() print "Content-type:text/html\r\n\r\n" print '<html>' print '<head>' print '<title>Hello Word - First CGI Program</title>' print '</head>' print '<body>' print '<h2>Hello Word! This is my first CGI program</h2>' print '</body>' print '</html>'
Я полностью потеряю то, что неправильно, поскольку у меня нет большого опыта работы с javascript. Любая помощь приветствуется!
Вы не можете вставить элемент <script> внутри <style> , единственным допустимым контентом является CSS. См. Например, документы MDN .
Переместите <script> в <head> или <body> :
<html> <head> <title>EDVT Report Generator</title> <style> h1 { text-align: center; } </style> </head> <body> <script language="JavaScript" type="text/javascript"> function getsupport ( selectedtype ) { document.supportform.supporttype.value = selectedtype ; document.supportform.submit() ; } </script> <h1 id = "title">Test</h1> <form name="supportform" method="post" action="/cgi-bin/hello.py"> <input type="hidden" name="supporttype" /> <a href="javascript:getsupport('Paid')" onclick = "getsupport('Paid')">Paid Support</a> or <a href="javascript:getsupport('Free')" onclick = "getsupport('Free')">Free Support</a> </form> </body> </html>