CSS不兼容浏览器的问题

  虽然这个问题不属于PHP版块的，但是还是发在这里 喜欢这个版块
  问题描述 ：  插入地图的按钮点了没反应！ 什么原因  ，增加小区的按钮点了有反应！！代码如下
<!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=gb2312" />
<title><!--{$cfg.page.title}--> - 增加小区</title>
<!--{$cssFiles}-->
<!--{$jsFiles}-->
</head>
<body>
<div id="modalWindow">
<form name="dataForm" method="POST" action="">
    <p>
        <label>小区名字:</label>
        <input type="text" id="addBoroughName" name="addBoroughName" class="input" value="" /> 
    </p>
     <p>
        <label>所在区域:</label>
        <select id="addBoroughCityarea"  name="addBoroughCityarea" class="select">
<option  value="">请选择区域</option>
<!--{html_options options=$cityarea_option selected=$borough.cityarea_id }-->
</select>
    </p>
  <p>
        <label>小区地址:</label>
        <input type="text" id="addBoroughAddr" name="addBoroughAddr" class="input" size="40" value="" />
   </p>
   <p>
<label>小区地图:</label>
<input id="cityName" type="hidden" name="cityName" value="<!--{$cfg.page.mapcity}-->"/>
<input id="phone" type="hidden" name="phone" value="<!--{$cfg.page.rexian}-->"/>
<input id="nid" type="text" name="nid" value=""/>   <!-- 此输入框用于接收返回的地图标点NID值 -->
<input type="button"  name="insert" value="插入地图" onClick="insertMap();"/>   <!--此按钮点击时打开地图窗口 -->
     <p><font color="#FF0000">注意：请填写好小区名字和地址后在点击插入地图</font> </p>
   </p>
     <p>
        <label>物业类型:</label>
        <select  id="addBoroughType" name="addBoroughType" class="select">
<!--{html_options options=$borough_type_option selected=$borough.borough_type }-->
</select>
    </p>  
     <p>
        <input type="Button" name="addButton" value="增加小区" onclick="return addBorough()" />
    </p>
    </form>
</div>
<script language="javascript">function addBorough(){
var name = document.getElementById('addBoroughName').value;
var area_id =  document.getElementById('addBoroughCityarea').value;
var address =  document.getElementById('addBoroughAddr').value;
    var nid =  document.getElementById('nid').value;
var type =  document.getElementById('addBoroughType').value;
if(!name || !area_id || !address || !type || !nid ){
alert("请把信息填全");
return false;
}

 $.post('ajax.php?action=saveBorough',{borough_name:name,cityarea_id:area_id,borough_address:address,borough_type:type,borough_nid:nid},function(data){
//返回小区ID
if(data ==0){
alert('增加小区出错');
return false;
}
if(data.indexOf('|')){
var temp = data.split('|');
if(temp[0] < 0){
alert("添加小区出错");
return false;
}
if(temp[1] == -1){
alert("你添加的小区已存在");
}
window.parent.addToBoroughItem(temp[0],name,address);
window.parent.TB_remove();
}else{
alert('增加小区出错');
return false;
}
});

return false;
}
</script>
</body>
</html>

解决方案 »

  1.   

    你insertMap()方法在哪呢？没写怎么能有反应啊
      

  2.   

    郁闷了 开始的代码 我做了点改动，因为开始 点什么都有反应 但是不兼容FF。在IE7下正常后来我把代码变动了一下  高人指点是 ID获取的值不对应。我改了之后 ，增加小区的按钮起作用了，但是插入地图坏了。。  把我郁闷的不行。。我把原代码贴出  <div id="modalWindow">
        <form name="dataForm" method="POST" action="">
        <p>
            <label>小区名字:</label>
            <input type="text" id="name" name="addBoroughName" class="input" value="" /> 
        </p>
         <p>
            <label>所在区域:</label>
            <select id="addBoroughCityarea"  name="addBoroughCityarea" class="select">    
                <option  value="">请选择区域</option>
                <!--{html_options options=$cityarea_option selected=$borough.cityarea_id }-->
            </select>
        </p>
         <p>
            <label>小区地址:</label>
            <input type="text" id="address" name="addBoroughAddr" class="input" size="40" value="" />
       </p>
       <p>
    <label>小区地图:</label>
    <input id="cityName" type="hidden" name="cityName" value="<!--{$cfg.page.mapcity}-->"/>
    <input id="phone" type="hidden" name="phone" value="<!--{$cfg.page.rexian}-->"/>
    <input id="nid" type="text" name="nid" value=""/>   <!-- 此输入框用于接收返回的地图标点NID值 -->
    <input type="button" name=insert value="插入地图" onClick="insertMap();"/>   <!--此按钮点击时打开地图窗口 -->
         <p><font color="#FF0000">注意：请填写好小区名字和地址后在点击插入地图</font> </p>
       </p>
         <p>
            <label>物业类型:</label>
            <select  id="addBoroughType" name="addBoroughType" class="select">
            <!--{html_options options=$borough_type_option selected=$borough.borough_type }-->
            </select>
        </p>  
         <p>
            <input type="button" id="addButton" value="增加小区" onclick="return addBorough()" />
        </p>
        </form>
    </div>
    <script language="javascript">function addBorough(){
        var name = document.getElementById('addBoroughName').value;
        var area_id =  document.getElementById('addBoroughCityarea').value;
        var address =  document.getElementById('addBoroughAddr').value;
        var nid =  document.getElementById('nid').value;
        var type =  document.getElementById('addBoroughType').value;            
        if(!name || !area_id || !address || !type || !nid ){
            alert("请把信息填全");
            return false;
        }
        
     
      

  3.   

    <input type="button"  name="insert" value="插入地图" onClick="insertMap();"/>   <!--此按钮点击时打开地图窗口 -->你onClick要执行insertMap，你insertMap方法在哪？
      

  4.   

    代码本身就没有你说的这个“ 方法”  原代码 在IE7 上操作没问题 但是不兼容FF 在FF下  点插入地图可有打开地图页面，但是点增加小区没反应 所以我把获取的ID名称改了跟name 对应，结果  反过来了，在FF IE7下都不行了，表现为 增加小区按钮起作用 但是插入地图 按钮不起作用。。何故？
      

  5.   

    你点击“插入地图”，就要执行js方法insertMap()，没这个方法当然什么反应都没有
    在你的<script>标签内加上这段你就明白了
    function insertMap(){
      alert("你点击了“插入地图”");
    }
      

  6.   

    你在浏览器中查看源代码，看看引用了哪些js文件，在js文件中找insertMap方法，贴上来看一下