3

SO コミュニティの助けを借りて、ポップアップ ページから親ページに値を渡すことができる JavaScript と php ページを作成しました。

これは、Internet Explorer では 100% 機能しますが、Google Chrome や iPad / galaxt タブレットでは機能しません。

これを修正する方法について何か考えはありますか？いつものように助けていただければ幸いです。

以下は、親ページ (newsale.php) とポップアップ ページ (sku.php) のコードの一部です。ポップアップを使用するよりも他の方法が推奨されることは知っていますが、アプリケーション上の理由から、このソリューションをポップアップ ページで動作させる必要があります。

newsale.php親ページ (ページ全体ではなく、コード スニペット)

<script type="text/javascript">  
function selectValue(id) 
{ 
    // open popup window and pass field id 
    window.open('sku.php?id=' + encodeURIComponent(id),'popuppage', 
      'width=1000,toolbar=1,resizable=1,scrollbars=yes,height=200,top=100,left=100'); 
} 

function updateValue(id, value) 
{ 
    // this gets called from the popup window and updates the field with a new value 
    document.getElementById(id).value = value; 
} 

</script> 

<table>
<tr id="r1">  
<input size=10  type=number id=sku1 name=sku1 onchange="showUser(1, this.value)" <? if($rows>0){echo "value=".mysql_result($resultorder,0,1);}  ?>><img src=q.png  name="choice" onClick="selectValue('sku1')" value="?">
</td>
</tr>
<tr id="r2"> 
<td>
<input size=10  type=number id=sku2 name=sku2 onchange="showUser(2, this.value)" <? if($rows>1){echo "value=".mysql_result($resultorder,1,1);}  ?> ><img src=q.png  name="choice" onClick="selectValue('sku2')" value="?">
</td>
</tr>
</table>

sku.phpポップアップ ページ (ページ全体)

<? 

  $con = mysql_connect('localhost', 'username', 'password'); 
 if (!$con) 
   { 
   die('Could not connect to server: ' . mysql_error()); 
   } 
   $db=mysql_select_db("DBName", $con); 

    if (!$db) 
   { 
   die('Could not connect to DB: ' . mysql_error()); 
   } 


$sql="select packcode,category,description,grouping,packconfig,sellingunits,eottpoints from skudata order by category, packcode";
$result=mysql_query($sql);

 ?> 

<script type="text/javascript"> 

  function AjaxFunction(cat_id) { 
    var httpxml; 
    try { 
      // Firefox, Opera 8.0+, Safari 
      httpxml = new XMLHttpRequest(); 
    } catch (e) { 
      // Internet Explorer 
      try { 
        httpxml = new ActiveXObject("Msxml2.XMLHTTP"); 
      } catch (e) { 
        try { 
          httpxml = new ActiveXObject("Microsoft.XMLHTTP"); 
        } catch (e) { 
          alert("Your browser does not support AJAX!"); 
          return false; 
        } 
      } 
    } 
    function stateck() { 
      if (httpxml.readyState == 4) { 
        var myarray = eval(httpxml.responseText); 
        // Before adding new we must remove previously loaded elements 
        for (j = document.testform.subcat.options.length - 1; j >= 0; j--) { 
          document.testform.subcat.remove(j); 
        } 
        for (i = 0; i < myarray.length; i++) { 
          var optn = document.createElement("OPTION"); 
          optn.text = myarray[i]; 
          optn.value = myarray[i]; 
          document.testform.subcat.options.add(optn); 
        }  
      } 
    } 
    var url="dd.php"; 
    url = url+"?cat_id="+cat_id; 
    url = url+"&sid="+Math.random(); 
    httpxml.onreadystatechange = stateck; 
    httpxml.open("GET",url,true); 
    httpxml.send(null); 
  } 

</script> 


 <script type="text/javascript"> 
 function sendValue(value)
 {
 var e = document.getElementById("subcat"); 
 value = e.options[e.selectedIndex].value; 
 var parentId = <?php echo json_encode($_GET['id']); ?>; 
 window.opener.updateValue(parentId, value); 
 window.close(); 
 } 
 </script>


 <script type="text/javascript"> 
function updateinput(){ 
var e = document.getElementById("subcat"); 
var catSelected = e.options[e.selectedIndex].value; 


document.getElementById("copycat").value=catSelected; 
} 
</script> 


<form name="testform">
Category: &nbsp; <select name=cat id=cat onchange="AjaxFunction(this.value);" style="width=300"> <br>
<option value='' style="width=300">Select One</option> 
<br>
<? 

  require "config.php";// connection to database  
  $q=mysql_query("select * from categories"); 
  while($n=mysql_fetch_array($q)){ 
    echo "<option value=$n[cat_id]>$n[category]</option>"; 
  } 

?> 
</select> 
 <br><br>
 Pack Code:
<select name=subcat onchange="updateinput();" > 
 <br><br>
</select>
<br><br>
<input type=hidden name=copycat id=copycat > 
<td><input type=button value="Select" onClick="sendValue(document.getElementById(copycat))" /></td>
</form>

dd.php (動的ドロップダウン リスト用)

<? 

  $cat_id=$_GET['cat_id']; 
  require "config.php"; 
  $q=mysql_query("select concat(packcode,', ',description) as details from skudata where cat_id='$cat_id'"); 
  echo mysql_error(); 
  $myarray=array(); 
  $str=""; 
  while($nt=mysql_fetch_array($q)){ 
    $str=$str . "\"$nt[details]\"".","; 
  } 
  $str=substr($str,0,(strLen($str)-1)); // Removing the last char , from the string 
  echo "new Array($str)"; 

?>

dd.php が親ポップアップ関係の機能に影響を与えるとは思いませんが、コードをたどることができるように含めています。

前述のように、これは Internet Explorer では 100% 機能しますが、Google Chrome や iPad では機能しません。

4

3 に答える 3

3

使用するとき

document.getElementById("subcat");

次に、そのようなIDを持つ要素も必要です。君の

<select name=subcat onchange="updateinput();" >

chrome、firefox、konqueror、そしておそらく他の多くのブラウザではうまくいきません。使用する

<select id="subcat" onchange="updateinput();" >

代わりは。

于 2012-06-18T09:52:35.523 に答える
1

残念ながら、あなたのコードを動作させることができないので、これをテストすることはできませんが、

 window.opener.updateValue(parentId, value);

に

 window.opener.contentWindow.updateValue(parentId, value);

また

 window.opener.window.updateValue(parentId, value);

これを解決するかもしれません。

そうでない場合は、Chrome コンソールから表示されているエラーを投稿して、正確に何が機能しないかをよりよく説明できます。

于 2012-06-14T11:52:44.087 に答える
0

以下の関数でも、subcat を呼び出しています。

 function sendValue(value)
  {
    var e = document.getElementById("subcat"); 
  }
along with one mentioned by Themroc.

最初に id="subcat" が必要です。

それでも問題が発生する場合は、エラーを投稿してください。

ありがとう。

于 2012-06-20T12:55:50.150 に答える