jQuery 이미지가 포함 된 자동 완성 : 작은 맞춤

저는 jQuery에서 초보자입니다. 내 ASP.NET 페이지에서 자동 완성 jQuery 플러그인을 사용하려고합니다. 사이트에서 샘플을 다운로드하고 PHP에서 ASP.NET으로 다시 작성하려고합니다.jQuery 이미지가 포함 된 자동 완성 : 작은 맞춤

누구든지 재 작성을 도와 줄 수 있습니까?

<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가 이미지 목록을 반환한다는 것을 이해합니다. 예를 들어 포맷을 제공 할 수있는 사람이 있습니까? div 또는 하나의 문자열을 일부 문자로 구분하여 표시합니다.

2. 어떻게 javscript 출력을 formating 있습니다. 내 경우에는 항목 (이미지 이름) 및 텍스트 (캡션) id에 대한 목록을 반환하려면. 그래서 사용자가 옵션 목록에있는 이미지와 텍스트를 볼 수 있습니다 그가 선택할 때, 나는 사용자가 선택한 옵션의 ID로 다른 페이지로 이동이 앵커 태그를 사용하려면 (거기에 다른 페이지를 표시 할.

을 친절하게 사전에 나에게 감사를 안내

출처

2009-06-10 Shyju

1. images.php를 이해합니다. 이미지 목록을 반환합니다. 은 나에게 형식을 제공합니다. 예 : ? 해당 컬렉션은 개 항목 또는 div가됩니다. 또는 일부 문자로 구분 한 문자열

아니 코드가 개행 문자 ("\ n")를 문자로 구분 된 문자열 목록 될 것입니다을 실행하는 데; 예 :

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

2. 어떻게 javscript 출력을 formating 있습니다. 내 경우에는 항목 (이미지 이름) 및 텍스트 (캡션) id에 대한 목록을 반환하려면. 그래서 사용자가 옵션 목록에있는 이미지와 텍스트를 볼 수 있습니다 사용자가 선택한 옵션 ID로 다른 페이지로 이동하려면 여기에 앵커 태그를 사용하고 싶습니다.

JSON을보고 싶을 수도 있습니다. 서버에서 구조화 된 데이터를 반환하려는 경우

출처

2009-06-15 18:36:12 g33kz0r

jQuery 이미지가 포함 된 자동 완성 : 작은 맞춤

답변

관련 문제