3

私はajaxを探求し始めましたが、どういうわけか私はそれで大丈夫です。それほど難しくなく、普通のことでは簡単ではありません。とにかく私は私が持っているこのプロジェクトに苦労しています。これには、ajax、php、js、mysqlが含まれます。私は実際にFacebookのタグ付けスタイルをコピーしようとしています。投稿内の誰かにタグを付けると、フルネームはタグユーザープロファイルにリンクするハイパーリンクに変わります。それは私が感じる小さな問題であり、それは私がJSに不慣れであるということだけです。残りはすでに実行しましたが、テキストをjsでハイパーリンクに変換する際に問題が発生します。putin_livesearch（）コードに入れてください。

これは私のコードです。

index.html

<!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>FB TAG</title>

<style>

.namesearch {
    cursor:pointer;

}


</style>

<script type="text/javascript">


function putin_livesearch(fname, lname) 
{

//document.getElementById('searchbar').value = (fname + " " +lname);

//document.location.href='#'+ window.document.getElementById('searchbar').value = (fname);

window.document.location.href="#"+window.document.getElementById('searchbar').value;

}



function showResult(str)
{
if (str.length==0)
  {
  document.getElementById("livesearch").innerHTML="";
  document.getElementById("livesearch").style.border="0px";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
    document.getElementById("livesearch").style.border="1px solid #A5ACB2";


    }
  }
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>

<body>
<form>
  <input id ="searchbar" name="wallpost" type="text" onkeyup="showResult(this.value)"  />
  <div id="livesearch"></div>
</form>
</body>
</html>

getuser.php

<?php
$q=$_GET["q"];

$con = mysql_connect('localhost', 'root', '');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("place_main", $con);

$sql=" SELECT * FROM profiles WHERE firstname like '".$q."%' ";

$result = mysql_query($sql);



while($row = mysql_fetch_array($result))
  {
  $fname = $row['firstname'];
  $lname = $row['lastname'];


  echo '<span class ="namesearch" onclick="putin_livesearch(\''.$fname.'\',\''.$lname.'\'  )"> '. $fname ." ". $lname .' </span><br />';


  //echo "<span class ='namesearch' onclick='putin_livesearch(" .$fname. ", " .$lname. " )'> " . $fname . " " . $lname . "</span><br />";
  }


mysql_close($con);
?>
4

2 に答える 2

0

さて、私がしようとしていることは不可能だと思います。テストでは、実際にタグ付きのテキスト領域に値を追加してみました。リンクにはなりません。ウォールポストで友達に@のタグを付けているときに、実際にfbで調べたところ、リンクには表示されませんでしたが、後で投稿すると表示されます。

于 2012-09-23T17:17:28.203 に答える
0

あなたのphpで、このようなことをしてください

echo "<a href='your-url-for-the-user'><span class ="namesearch" onclick="putin_livesearch(\''.$fname.'\',\''.$lname.'\'  )"> '. $fname ." ". $lname .' </span></a><br />";

PHPでそれを操作するだけで、フロントエンドでも同じように出力されると確信しています。

于 2012-09-23T15:23:48.063 に答える