2012-07-19 4 views
0

내 페이지 이름은 index.php이며 일부 링크 (내부 페이지 링크)와 내용을 포함합니다. 링크 클릭시 "selected" class을 링크 li에 적용하고 관련 콘텐츠를 표시하고 내 페이지 링크가 index.php에서 index.php # c2 (또는 다른 ID의 경우 # c3, # c4, c1)로 변경됩니다.URL에서 검색어 문자열을 가져 오는 방법

내 페이지로드에 문제가 있습니다. 다른 페이지에서이 링크를 제공하면 예. in page.php 이렇게 주어진 경우 <li><a href="index.php?#c2">link2</a></li>#c2이 URL을 통해 전달된다는 것을 어떻게 알 수 있습니까? "selected" classli에 적용하고 싶습니다. 나는 $_SERVER에 의해 그것을 시도했지만 완료되지 않았습니다. "?"뒤에 문자열을 가져올 수 없습니다. 이 작업을 수행하는 다른 방법이 있는지

Pls는 말해 ...

<li class="selected"><a href="#c1">link1</a></li> 
<li><a href="#c2">link2</a></li> 
<li><a href="#c3">link3</a></li> 
<li><a href="#c4">link4</a></li> 

<div id="c1"><!-- contents of link1 --></div> 
<div id="c2"><!-- contents of link2 --></div> 
<div id="c3"><!-- contents of link3 --></div> 
<div id="c4"><!-- contents of link4 --></div> 

jQuery 코드를 사전에 선택 수업을

$('.links a').click(function(){ 
    $('.links a').parent().removeClass('selected'); 
    $(this).parent().addClass('selected'); 
}); 

감사를 추가 ..

+0

중복! http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript- http://stackoverflow.com/questions/1403888/get-url-parameter-with-jquery?lq=1 – Undefined

+0

이 대답을 부탁드립니다. http://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url-using-javascript –

답변

3

당신이 할 수있는 ' PHP에서는 클라이언트 메카닉이고 PHP는 서버에 있기 때문에 수행하십시오 :) JS에서 직접 쿼리 문자열을 구문 분석해야합니다. 이 같은

시도 뭔가 :

$('a [href='+document.location.hash+']').parent().addClass('selected'); 
+0

감사합니다. @Vincent, 매우 훌륭하고 간단한 해결책. –

1

나는이 일 것이라고 생각 ...

example.com/page.html#anchor 
example.com/page.html#anotheranchor 

sol'n에 대한 예를 들어, 당신이 할 수있는

if(window.location.hash) { 
    // Fragment exists 
} else { 
    // Fragment doesn't exist 
} 
+0

쿼리 문자열입니다. OP -> "? # c2" – Undefined

+0

http://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url- using-javascript –

+0

감사합니다. @RajanRawal .. –

0

입니다 ... 각 요소에 대해 clss를 정의하는 것보다 서버 스크립트 나 javaScript에서 regexp를 사용하십시오. 아래와 같이 regexp 패턴을 사용하면 URL의 일부만 링크 할 수 있습니다.

 ^.*index.php/?(.*)$ 

RegExp Object을 자바 스크립트에서 사용하는 방법을 보려면 링크를 클릭하십시오.

관련 문제