Jump to content

small compatable 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:

<br />

<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/99145-small-compatable-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.