Jump to content

small compatible error in mozilla


thenature4u

Recommended Posts

in internet explorer its working fine, where as coming to firefox its

showing  symbol with the output.

thanking u in advance.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Ajax Auto Suggest</title>

 

<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>

<script type="text/javascript">

  function lookup(inputString) {

      if(inputString.length == 0) {

        // Hide the suggestion box.

        $('#suggestions').hide();

      } else {

        $.post("rpc.php", {queryString: ""+inputString+""},

function(data){

            if(data.length >0) {

              $('#suggestions').show();

              $('#autoSuggestionsList').html(data);

            }

        });

      }

  } // lookup

 

  function fill(thisValue) {

      $('#inputString').val(thisValue);

      setTimeout("$('#suggestions').hide();", 200);

  }

</script>

 

<style type="text/css">

  body {

      font-family: Helvetica;

      font-size: 11px;

      color: #000;

  }

 

  h3 {

      margin: 0px;

      padding: 0px;

  }

 

  .suggestionsBox {

      position: relative;

      left: 30px;

      margin: 10px 0px 0px 0px;

      width: 200px;

      background-color: #212427;

      -moz-border-radius: 7px;

      -webkit-border-radius: 7px;

      border: 2px solid #000;

      color: #fff;

  }

 

  .suggestionList {

      margin: 0px;

      padding: 0px;

  }

 

  .suggestionList li {

 

      margin: 0px 0px 3px 0px;

      padding: 3px;

      cursor: pointer;

  }

 

  .suggestionList li:hover {

      background-color: #659CD8;

  }

</style>

 

</head>

 

<body>

 

  <div>

      <form>

        <div>

            Type your county:

 

            <input type="text" size="30" value="" id="inputString"

onkeyup="lookup(this.value);" onblur="fill();" />

        </div>

 

        <div class="suggestionsBox" id="suggestions" style="display:

none;">

            <img src="upArrow.png" style="position: relative; top:

-12px; left: 30px;" alt="upArrow" />

            <div class="suggestionList" id="autoSuggestionsList">

               

            </div>

        </div>

      </form>

  </div>

 

</body>

</html>

Link to comment
https://forums.phpfreaks.com/topic/99146-small-compatible-error-in-mozilla/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.