jQuery自動完成與圖像：一個小的定製

我是jQuery的新手。我試圖使用自動完成的jQuery pluggn在我的ASP.NET頁面。我從網站上下載的樣本，並試圖從PHP重寫它到ASP.NETjQuery自動完成與圖像：一個小的定製

任何一個可以幫我改寫呢？

<script type="text/javascript">

$（）。就緒（函數（）{

function findValueCallback(event, data, formatted) { 
    $("<li>").html(!data ? "No match!" : "Selected: " + formatted).appendTo("#result"); 
} 

function formatItem(row) { 
    return row[0] + " (<strong>id: " + row[1] + "</strong>)"; 
} 
function formatResult(row) { 
    return row[0].replace(/(<.+?>)/gi, ''); 
} 


$("#imageSearch").autocomplete("images.php", { 
    width: 320, 
    max: 4, 
    highlight: false, 
    scroll: true, 
    scrollHeight: 300, 
    formatItem: function(data, i, n, value) { 
     return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
    }, 
    formatResult: function(data, value) { 
     return value.split(".")[0]; 
    } 
});

和頁面包含images.php的

<input type="text" id='imageSearch' /> 
     <input type="button" value="Get Value" />

內容

$term = $_REQUEST['q']; 
$images = array_slice(scandir("images"), 2); 
foreach($images as $value) { 
if(strpos(strtolower($value), $term) === 0) { 
    echo $value . "\n"; 
}

}

我對這個

1一些問題。我明白了images.php將返回的圖像列表。可以任何一個給我的格式與一個例子嗎？這將是一個列表項目的集合，或divs或單個字符串分離的一些字符

2。 javscript如何格式化接收到的輸出。在我的情況下，我想返回一個項目列表（圖像名稱）和一個文本（標題）與一個id爲它。因此，用戶將看到圖像和選項列表中的文本而當他選擇，我想告訴另一頁有（我想用錨標記有導航到另一個頁面與用戶選擇的選項的ID。

請指導我在此先感謝

來源

2009-06-10 Shyju

1.我明白了images.php將返回的圖像列表。可以任意一個爲我提供了一個例子的格式？請問這是一個列表項目或div的集合或通過一些字符分隔的單個字符串

由於沒有運行的代碼，這將是由換行（「\ n」個）字符分隔的字符串的列表; e.g，：

"image1.jpg\nimage2.jpg\nimage3.jpg"

2。 javscript如何格式化接收到的輸出。在我的情況下，我想返回一個項目列表（圖像名稱）和一個文本（標題）與一個id爲它。因此，用戶將看到圖像和選項列表中的文本當他選擇時，我想在那裏顯示另一個頁面（我想用那裏的錨標記導航到另一個頁面，用戶選擇的選項的編號爲

如果你願意，可以看看JSON想要從服務器返回結構化數據。

來源

2009-06-15 18:36:12 g33kz0r

jQuery自動完成與圖像：一個小的定製

回答

相關問題