Databases
StackOverflow2013
Postsdbo
POJSP and javascript conflict I think
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJSP and javascript conflict I think
    primarykey
    data
    text
    <p>Well I have a HTML file with a form. When I change it as a jsp file and place in some jsp code the javascript stop responds and nothing happens. It's just a currency converter and the swap button is managed through javascript.</p> <p>Here is the code:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#swap').click(function() {   s1=$('#to').val();     s0=$('#from').val();     $('#to').val(s0);     $('#from').val(s1); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;%@ page import="java.util.*" %&gt; &lt;div class="background"&gt;&lt;/div&gt; &lt;div id="heading"&gt; &lt;% String currency = (String)request.getAttribute("currency"); if( currency == null ) { out.print("live currency converter"); }else{ out.println("Currency Converted: " +currency); } %&gt; &lt;/div&gt; &lt;div id="currencyBox"&gt; &lt;form method="POST" action="CurrencyConverter.do"&gt; &lt;div class="data"&gt; &lt;label for="from"&gt;Convert:&lt;/label&gt; &lt;input type="text" name="amount" id="amount" value="1" /&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;label for="fromCurrency"&gt;From Currency:&lt;/label&gt; &lt;select name="from" id="from"&gt; &lt;option selected="" value="EUR"&gt;Euro - EUR&lt;/option&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;label for="to"&gt;To Currency:&lt;/label&gt; &lt;select name="to" id="to"&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;option value="CAD"&gt;Canada Dollars - CAD&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;input type="submit" name="submit" id="submit" value="Convert the input"&gt; &lt;input type="button" name="swap" id="swap" value="Swap values"&gt; &lt;/div&gt; &lt;/form&gt; &lt;form method="GET" action="CodeGrabber.do"&gt;&lt;input type="submit" value="Grab the code!"&gt;&lt;/form&gt; &lt;form method="GET" action="ListenTest.do"&gt;&lt;input type="submit" value="On line report!"&gt;&lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>When I remove the <code>&lt;% %&gt;</code> parts of code the javascript on the top works like a charm. I'm not familiar with jsp and servlets, I have a php background!</p> <p>here is my output from developer mode</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; &lt;title&gt;currency converter&lt;/title&gt; &lt;meta name="description" content="currency converter"&gt; &lt;link rel="stylesheet" href="lib/c/styles.css"&gt; &lt;meta property="og:site_name" content="fizaboun/3w lesson"/&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { $('#swap').click(function() { Â s1=$('#to').val(); Â Â s0=$('#from').val(); Â Â $('#to').val(s0); Â Â $('#from').val(s1); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="background"&gt;&lt;/div&gt; &lt;div id="heading"&gt; live currency converter &lt;/div&gt; &lt;div id="currencyBox"&gt; &lt;form method="POST" action="CurrencyConverter.do"&gt; &lt;div class="data"&gt; &lt;label for="from"&gt;Convert:&lt;/label&gt; &lt;input type="text" name="amount" id="amount" value="1" /&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;label for="fromCurrency"&gt;From Currency:&lt;/label&gt; &lt;select name="from" id="from"&gt; &lt;option selected="" value="EUR"&gt;Euro - EUR&lt;/option&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;option value="CAD"&gt;Canada Dollars - CAD&lt;/option&gt; &lt;option value="AUD"&gt;Australia Dollars - AUD&lt;/option&gt; &lt;option value="JPY"&gt;Japan Yen - JPY&lt;/option&gt; &lt;option value="INR"&gt;India Rupees - INR&lt;/option&gt; &lt;option value="NZD"&gt;New Zealand Dollars - NZD&lt;/option&gt; &lt;option value="CHF"&gt;Switzerland Francs - CHF&lt;/option&gt; &lt;option value="ZAR"&gt;South Africa Rand - ZAR&lt;/option&gt; &lt;option value="DZD"&gt;Algeria Dinars - DZD&lt;/option&gt; &lt;option value="USD"&gt;America (United States) Dollars - USD&lt;/option&gt; &lt;option value="ARS"&gt;Argentina Pesos - ARS&lt;/option&gt; &lt;option value="AUD"&gt;Australia Dollars - AUD&lt;/option&gt; &lt;option value="BHD"&gt;Bahrain Dinars - BHD&lt;/option&gt; &lt;option value="BRL"&gt;Brazil Reais - BRL&lt;/option&gt; &lt;option value="BGN"&gt;Bulgaria Leva - BGN&lt;/option&gt; &lt;option value="CAD"&gt;Canada Dollars - CAD&lt;/option&gt; &lt;option value="CLP"&gt;Chile Pesos - CLP&lt;/option&gt; &lt;option value="CNY"&gt;China Yuan Renminbi - CNY&lt;/option&gt; &lt;option value="CNY"&gt;RMB (China Yuan Renminbi) - CNY&lt;/option&gt; &lt;option value="COP"&gt;Colombia Pesos - COP&lt;/option&gt; &lt;option value="CRC"&gt;Costa Rica Colones - CRC&lt;/option&gt; &lt;option value="HRK"&gt;Croatia Kuna - HRK&lt;/option&gt; &lt;option value="CZK"&gt;Czech Republic Koruny - CZK&lt;/option&gt; &lt;option value="DKK"&gt;Denmark Kroner - DKK&lt;/option&gt; &lt;option value="DOP"&gt;Dominican Republic Pesos - DOP&lt;/option&gt; &lt;option value="EGP"&gt;Egypt Pounds - EGP&lt;/option&gt; &lt;option value="EEK"&gt;Estonia Krooni - EEK&lt;/option&gt; &lt;option value="EUR"&gt;Euro - EUR&lt;/option&gt; &lt;option value="FJD"&gt;Fiji Dollars - FJD&lt;/option&gt; &lt;option value="HKD"&gt;Hong Kong Dollars - HKD&lt;/option&gt; &lt;option value="HUF"&gt;Hungary Forint - HUF&lt;/option&gt; &lt;option value="ISK"&gt;Iceland Kronur - ISK&lt;/option&gt; &lt;option value="INR"&gt;India Rupees - INR&lt;/option&gt; &lt;option value="IDR"&gt;Indonesia Rupiahs - IDR&lt;/option&gt; &lt;option value="ILS"&gt;Israel New Shekels - ILS&lt;/option&gt; &lt;option value="JMD"&gt;Jamaica Dollars - JMD&lt;/option&gt; &lt;option value="JPY"&gt;Japan Yen - JPY&lt;/option&gt; &lt;option value="JOD"&gt;Jordan Dinars - JOD&lt;/option&gt; &lt;option value="KES"&gt;Kenya Shillings - KES&lt;/option&gt; &lt;option value="KRW"&gt;Korea (South) Won - KRW&lt;/option&gt; &lt;option value="KWD"&gt;Kuwait Dinars - KWD&lt;/option&gt; &lt;option value="LBP"&gt;Lebanon Pounds - LBP&lt;/option&gt; &lt;option value="MYR"&gt;Malaysia Ringgits - MYR&lt;/option&gt; &lt;option value="MUR"&gt;Mauritius Rupees - MUR&lt;/option&gt; &lt;option value="MXN"&gt;Mexico Pesos - MXN&lt;/option&gt; &lt;option value="MAD"&gt;Morocco Dirhams - MAD&lt;/option&gt; &lt;option value="NZD"&gt;New Zealand Dollars - NZD&lt;/option&gt; &lt;option value="NOK"&gt;Norway Kroner - NOK&lt;/option&gt; &lt;option value="OMR"&gt;Oman Rials - OMR&lt;/option&gt; &lt;option value="PKR"&gt;Pakistan Rupees - PKR&lt;/option&gt; &lt;option value="PEN"&gt;Peru Nuevos Soles - PEN&lt;/option&gt; &lt;option value="PHP"&gt;Philippines Pesos - PHP&lt;/option&gt; &lt;option value="PLN"&gt;Poland Zlotych - PLN&lt;/option&gt; &lt;option value="QAR"&gt;Qatar Riyals - QAR&lt;/option&gt; &lt;option value="RON"&gt;Romania New Lei - RON&lt;/option&gt; &lt;option value="RUB"&gt;Russia Rubles - RUB&lt;/option&gt; &lt;option value="SAR"&gt;Saudi Arabia Riyals - SAR&lt;/option&gt; &lt;option value="SGD"&gt;Singapore Dollars - SGD&lt;/option&gt; &lt;option value="SKK"&gt;Slovakia Koruny - SKK&lt;/option&gt; &lt;option value="ZAR"&gt;South Africa Rand - ZAR&lt;/option&gt; &lt;option value="KRW"&gt;South Korea Won - KRW&lt;/option&gt; &lt;option value="LKR"&gt;Sri Lanka Rupees - LKR&lt;/option&gt; &lt;option value="SEK"&gt;Sweden Kronor - SEK&lt;/option&gt; &lt;option value="CHF"&gt;Switzerland Francs - CHF&lt;/option&gt; &lt;option value="TWD"&gt;Taiwan New Dollars - TWD&lt;/option&gt; &lt;option value="THB"&gt;Thailand Baht - THB&lt;/option&gt; &lt;option value="TTD"&gt;Trinidad and Tobago Dollars - TTD&lt;/option&gt; &lt;option value="TND"&gt;Tunisia Dinars - TND&lt;/option&gt; &lt;option value="TRY"&gt;Turkey Lira - TRY&lt;/option&gt; &lt;option value="AED"&gt;United Arab Emirates Dirhams - AED&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="VEB"&gt;Venezuela Bolivares - VEB&lt;/option&gt; &lt;option value="VND"&gt;Vietnam Dong - VND&lt;/option&gt; &lt;option value="ZMK"&gt;Zambia Kwacha - ZMK&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;label for="to"&gt;To Currency:&lt;/label&gt; &lt;select name="to" id="to"&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;option value="CAD"&gt;Canada Dollars - CAD&lt;/option&gt; &lt;option value="AUD"&gt;Australia Dollars - AUD&lt;/option&gt; &lt;option value="JPY"&gt;Japan Yen - JPY&lt;/option&gt; &lt;option value="INR"&gt;India Rupees - INR&lt;/option&gt; &lt;option value="NZD"&gt;New Zealand Dollars - NZD&lt;/option&gt; &lt;option value="CHF"&gt;Switzerland Francs - CHF&lt;/option&gt; &lt;option value="ZAR"&gt;South Africa Rand - ZAR&lt;/option&gt; &lt;option value="DZD"&gt;Algeria Dinars - DZD&lt;/option&gt; &lt;option value="USD"&gt;America (United States) Dollars - USD&lt;/option&gt; &lt;option value="ARS"&gt;Argentina Pesos - ARS&lt;/option&gt; &lt;option value="AUD"&gt;Australia Dollars - AUD&lt;/option&gt; &lt;option value="BHD"&gt;Bahrain Dinars - BHD&lt;/option&gt; &lt;option value="BRL"&gt;Brazil Reais - BRL&lt;/option&gt; &lt;option value="BGN"&gt;Bulgaria Leva - BGN&lt;/option&gt; &lt;option value="CAD"&gt;Canada Dollars - CAD&lt;/option&gt; &lt;option value="CLP"&gt;Chile Pesos - CLP&lt;/option&gt; &lt;option value="CNY"&gt;China Yuan Renminbi - CNY&lt;/option&gt; &lt;option value="CNY"&gt;RMB (China Yuan Renminbi) - CNY&lt;/option&gt; &lt;option value="COP"&gt;Colombia Pesos - COP&lt;/option&gt; &lt;option value="CRC"&gt;Costa Rica Colones - CRC&lt;/option&gt; &lt;option value="HRK"&gt;Croatia Kuna - HRK&lt;/option&gt; &lt;option value="CZK"&gt;Czech Republic Koruny - CZK&lt;/option&gt; &lt;option value="DKK"&gt;Denmark Kroner - DKK&lt;/option&gt; &lt;option value="DOP"&gt;Dominican Republic Pesos - DOP&lt;/option&gt; &lt;option value="EGP"&gt;Egypt Pounds - EGP&lt;/option&gt; &lt;option value="EEK"&gt;Estonia Krooni - EEK&lt;/option&gt; &lt;option value="EUR"&gt;Euro - EUR&lt;/option&gt; &lt;option value="FJD"&gt;Fiji Dollars - FJD&lt;/option&gt; &lt;option value="HKD"&gt;Hong Kong Dollars - HKD&lt;/option&gt; &lt;option value="HUF"&gt;Hungary Forint - HUF&lt;/option&gt; &lt;option value="ISK"&gt;Iceland Kronur - ISK&lt;/option&gt; &lt;option value="INR"&gt;India Rupees - INR&lt;/option&gt; &lt;option value="IDR"&gt;Indonesia Rupiahs - IDR&lt;/option&gt; &lt;option value="ILS"&gt;Israel New Shekels - ILS&lt;/option&gt; &lt;option value="JMD"&gt;Jamaica Dollars - JMD&lt;/option&gt; &lt;option value="JPY"&gt;Japan Yen - JPY&lt;/option&gt; &lt;option value="JOD"&gt;Jordan Dinars - JOD&lt;/option&gt; &lt;option value="KES"&gt;Kenya Shillings - KES&lt;/option&gt; &lt;option value="KRW"&gt;Korea (South) Won - KRW&lt;/option&gt; &lt;option value="KWD"&gt;Kuwait Dinars - KWD&lt;/option&gt; &lt;option value="LBP"&gt;Lebanon Pounds - LBP&lt;/option&gt; &lt;option value="MYR"&gt;Malaysia Ringgits - MYR&lt;/option&gt; &lt;option value="MUR"&gt;Mauritius Rupees - MUR&lt;/option&gt; &lt;option value="MXN"&gt;Mexico Pesos - MXN&lt;/option&gt; &lt;option value="MAD"&gt;Morocco Dirhams - MAD&lt;/option&gt; &lt;option value="NZD"&gt;New Zealand Dollars - NZD&lt;/option&gt; &lt;option value="NOK"&gt;Norway Kroner - NOK&lt;/option&gt; &lt;option value="OMR"&gt;Oman Rials - OMR&lt;/option&gt; &lt;option value="PKR"&gt;Pakistan Rupees - PKR&lt;/option&gt; &lt;option value="PEN"&gt;Peru Nuevos Soles - PEN&lt;/option&gt; &lt;option value="PHP"&gt;Philippines Pesos - PHP&lt;/option&gt; &lt;option value="PLN"&gt;Poland Zlotych - PLN&lt;/option&gt; &lt;option value="QAR"&gt;Qatar Riyals - QAR&lt;/option&gt; &lt;option value="RON"&gt;Romania New Lei - RON&lt;/option&gt; &lt;option value="RUB"&gt;Russia Rubles - RUB&lt;/option&gt; &lt;option value="SAR"&gt;Saudi Arabia Riyals - SAR&lt;/option&gt; &lt;option value="SGD"&gt;Singapore Dollars - SGD&lt;/option&gt; &lt;option value="SKK"&gt;Slovakia Koruny - SKK&lt;/option&gt; &lt;option value="ZAR"&gt;South Africa Rand - ZAR&lt;/option&gt; &lt;option value="KRW"&gt;South Korea Won - KRW&lt;/option&gt; &lt;option value="LKR"&gt;Sri Lanka Rupees - LKR&lt;/option&gt; &lt;option value="SEK"&gt;Sweden Kronor - SEK&lt;/option&gt; &lt;option value="CHF"&gt;Switzerland Francs - CHF&lt;/option&gt; &lt;option value="TWD"&gt;Taiwan New Dollars - TWD&lt;/option&gt; &lt;option value="THB"&gt;Thailand Baht - THB&lt;/option&gt; &lt;option value="TTD"&gt;Trinidad and Tobago Dollars - TTD&lt;/option&gt; &lt;option value="TND"&gt;Tunisia Dinars - TND&lt;/option&gt; &lt;option value="TRY"&gt;Turkey Lira - TRY&lt;/option&gt; &lt;option value="AED"&gt;United Arab Emirates Dirhams - AED&lt;/option&gt; &lt;option value="GBP"&gt;United Kingdom Pounds - GBP&lt;/option&gt; &lt;option value="USD"&gt;United States Dollars - USD&lt;/option&gt; &lt;option value="VEB"&gt;Venezuela Bolivares - VEB&lt;/option&gt; &lt;option value="VND"&gt;Vietnam Dong - VND&lt;/option&gt; &lt;option value="ZMK"&gt;Zambia Kwacha - ZMK&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class="data"&gt; &lt;input type="submit" name="submit" id="submit" value="Convert the input"&gt; &lt;input type="button" name="swap" id="swap" value="Swap values"&gt; &lt;/div&gt; &lt;/form&gt; &lt;form method="GET" action="CodeGrabber.do"&gt;&lt;input type="submit" value="Grab the code!"&gt;&lt;/form&gt; &lt;form method="GET" action="ListenTest.do"&gt;&lt;input type="submit" value="On line report!"&gt;&lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMpampinos Holmens
    1. USMpampinos Holmens
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJSP and javascript conflict I think
      1. This table or related slice is empty.
      1. VTDownMod
    1. COAnd that's how even Java can look like a plain old PHP script :).
      singulars
      1. POJSP and javascript conflict I think
      1. USFloydThreepwood
    2. COAt a glance, I don't see what could be causing this. Post the actual browser source output of the page. As Balus mentioned, JSP is not your root problem.
      singulars
      1. POJSP and javascript conflict I think
      1. USMatthew
    3. COBased on your comment on my deleted answer, you have not posted a real SSCCE. You have posted a halfbaked, oversimplified and incomplete code snippet which does not represent your real problem. Please run the code yourself before presenting it as an example.
      singulars
      1. POJSP and javascript conflict I think
      1. USBalusC
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload