2010-08-11 2 views
0

링크를 누른 후 텍스트 영역에 데이터를 표시하려면 어떻게해야합니까? 이 데이터는 데이터베이스에 저장됩니다.링크를 누른 후 PHP가 텍스트 영역에 데이터를 표시합니다.

'날짜'필드에 대한 링크를 동적으로 만들려고합니다. 사용자가 링크를 누르면 해당 날짜의 나머지 데이터가 텍스트 영역에 표시됩니다.

나는이처럼 내 데이터를 통해 반복 해요 :

foreach($data as $key) 
{ 
    echo '<a href="/"' . $key->test . '>' . $key->date. '</a>'; 
    echo '<br />'; 
} 

내가 해달라고 내가 'A HREF'에서 퍼팅해야하는지 알고있다.

분명히하기 위해 왼쪽에는 날짜를 나타내는 링크가 몇 개 있습니다. 오른쪽에 나는 나머지 데이터를 포함하는 텍스트 영역을 표시하고 싶습니다.

어떻게이 작업을 수행 할 수 있습니까? 이처럼 루프를 수정

$('a.dates').click(function(event) { 
    event.preventDefault(); // prevents link from reloading page 
    $('input#date').val($(this).attr('title')); 
}) 

<?php 
    foreach($data as $key) 
    { 
     echo '<a class="dates" title="$key->date" href="">' . $key->date. '</a>'; 
     echo '<br />'; 
    } 
?> 

<input id="date" value="" name="date" /> 

답변

0

당신이 뭔가를 할 수

foreach($data as $key) 
{ 
    echo '<a class="link" href="#"' . $key->test . '>' . $key->date. '</a>'; 
    echo '<br />'; 
} 

을 그리고 당신이 jQuery 코드를 사용할 수 있습니다

$(function(){ 
    $('a.link').live('click', function(){ 
    $('#textarea_id').val($(this).text()); 
    return false; 
    }); 
}); 
당신이 링크의 값을 업데이트하려는 당신의 텍스트 영역의 id 0

는 예 :

<textarea id="textarea_id">............ 

업데이트 :

은, 위의 스크립트를 추가 예를 들어 <head></head> 태그 사이에이 코드를 넣으려면 :

<head> 
<script type="text/javascrpt" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script> 
<script type="text/javascrpt"> 
    $(function(){ 
     $('a.link').live('click', function(){ 
     $('#textarea_id').val($(this).text()); 
     return false; 
     }); 
    }); 
</script> 
</head> 
+0

동적 링크에는 작동하지 않으며 제목이 없습니다. – Sarfraz

+0

PHP .click을 사용하여 링크를 생성하는 과정을 보면 정상적으로 작동합니다. 타이틀이 없다면 무엇이 중요할까요, 우리는 그가 클래스에 링크를 추가 한 것처럼 추가 할 수 있습니다. – blcArmadillo

0

2 가지 방법 : 동적 및 비 동적 (정상). 두 번째로 시작하자.

링크를 클릭하면 PHP 파일로 리디렉션됩니다. 예를 들어 볼 수 있습니다 :


//in HTML 
<a href="index.php?action=getcontent&date=03022010" id="d03022010">Show details for date 03.02.2010</a> 
//and so on.. 

//PHP 
if($_GET['action'] == "getcontent"){ 
    $date = $_GET['date']; 
    //connect to DB and retrieve data to e.g. $result 
} 

//your textarea 
<textarea><?php echo $result; ?></textarea> 

동적 방식을, 당신은 링크를 사용자가 클릭 한 후 데이터를 다운로드하고 textarea 요소를 업데이트 (jQuery를 같은 또는 일부 자바 스크립트 라이브러리) 자바 스크립트를 사용해야합니다. jQuery 예제 (테스트하지 않았습니다 ...)


//HTML head section 
<script type=text/javascript> 
    $('#d03022010').click(function(e){ 
    $.ajax({ 
     type: 'POST', 
     url: 'url/to/php', 
     data: {date: 'your_data'}, 
     dataType: 'text', //or html or json 
     success: function(result){ $(textarea).text(result)} 
    }); 
    }); 
</script> 

희망이 있습니다.

+0

동적 링크에는 작동하지 않습니다. :) – Sarfraz

관련 문제