21-08-2009, 22:44
|
|
|
חבר מתאריך: 21.08.09
הודעות: 6
|
|
בעיה עם FaceBox...
שלום, אני עובד על מערכת כרגע ויש לי מערכת חיפוש ב-AJAX שעובדת נהדר, מציג ותצאות והכול, פה לא הבעיה...
הבעיה מתחילה שאני רוצה לעבוד עם FaceBox גם-כן... כלומר, שהתוצאות יוצגו בתוך ה-FaceBox, כשאני עושה שזה יציג את זה בתוך ה-FaceBox (הקוד שהבאתי פה, אמור כביכול להציג את זה בתוך FaceBox, אבל..... זה נתקע בשליחה ולא מקבל תוצאות), יש למישהו רעיונות?
קוד:
<input type="text" style="font-family: Arial; font-size: 9px; color: #333333; border: 1px solid #808080" name="search" size="39" value="הכנס מילת חיפוש" name="search" id="search_box" class='search_box'>
<a href="#info" rel="facebox" class="search_button">חפש</a>
<div id="info" style="display:none;">
<div id="searchword">
Search results for <span class="searchword"></span></div>
<div id="flash"></div>
<ol id="insert_search" class="update">
</ol>
</div>
קוד:
<script type="text/javascript">
$(function()
{
$(".search_button").click(function()
{
var search_word = $("#search_box").val();
var dataString = 'search_word='+ search_word;
if(search_word=='')
{
}
else
{
$.ajax({
type: "GET",
url: "searchdata.php",
data: dataString,
cache: false,
beforeSend: function(html)
{
document.getElementById("insert_search").innerHTML = '';
$("#flash").show();
$("#searchword").show();
$(".searchword").html(search_word);
$("#flash").html('<img src="ajax-loader.gif" /> Loading Results...');
},
success: function(html){
$("#insert_search").show();
$("#insert_search").append(html);
$("#flash").hide();
}
});
}
return false;
});
});
</script>
כמובן שב-Header יש לי את ה-js של ה-facebox וה-jquery...
תודה לכולם
|