2014-09-05 2 views
0

Я реализую поиск в реальном времени на моем сайте. Я написал следующий код, чтобы отобразить имя пользователя в качестве ссылок. Но ссылки не работают, они похожи на обычный текст. (Указатель появляется, когда я наводил на него).Ссылки внутри span div не работают

HTML:

<div id="search"> 
    <input type="text" id="fr_name" name="fr_name" placeholder="Search a friend"> 
    </div> 
    <div class="results"> 
     <span id="search_result"></span> 
    </div> 

JQuery

function search_results(search_value){ 
    $.post('/fantasy/findfriends.php', 
      {fr_name:search_value}, 
      function(data) 
      { 
       $('#search_result').html(data) ; 
      }) ; 
} 

$(document).ready(function(){ 
    if($('#fr_name').val()==='') 
    { 
     $('#search_result').hide() ; 
    } 
}) ; 

$(document).ready(function(){ 
    $('#fr_name').blur(function(){ 
     $('#search_result').hide() ; 
    }); 
}) ; 


$(document).ready(function(){ 
    $('#fr_name').keyup(function(){ 
     if($('#fr_name').val()==='') 
     { 
      $('#search_result').hide() ; 
     } 
     else 
     { 
      $('#search_result').show() ; 
      search_results($('#fr_name').val()) ; 
     } 
    }) ; 
}) ; 

$(document).ready(function(){ 
    $('#fr_name').focus(function(){ 
     if($('#fr_name').val()==='') 
     { 
      $('#search_result').hide() ; 
     } 
     else 
     { 
      $('#search_result').show() ; 
      search_results($('#fr_name').val()) ; 
     } 
    }) ; 
}) ; 

PHP

<?php 
include_once 'php_inc/core.inc.php' ; 
include_once 'php_inc/connect.inc.php' ; 
include_once 'php_inc/getdata.inc.php' ; 

if (logged_in()) 
{ 
    $value=$_POST['fr_name'] ; 
    $counter=0 ; 
    if(isset($_POST['fr_name'])) 
    { 
     if(!empty($_POST['fr_name'])) 
     { 
      $name=$_POST['fr_name'] ; 
      $query="SELECT * FROM user_login WHERE name LIKE '%$name%'" ; 
      $query_run=mysqli_query($dbc,$query) ; 
      $query_num_rows=mysqli_num_rows($query_run) ; 

      if ($query_num_rows>0 && $counter<8) 
      { 
       for($count=0;$count<$query_num_rows;$count++) 
       { 
        $fri_email=mysqli_result($query_run,$count,'email') ; 
        $query_result_name=mysqli_result($query_run,$count,'name') ; 
        $query_result_email=mysqli_result($query_run,$count,'email') ; 
        echo '<a href="www.google.com">' . $query_result_name . '<a/><br/>'. $query_result_email . '<br/><br/>'; 
        $counter++ ; 
       } 
       echo '<a href="allresults.php">See all results</a>' ; 
      } 
      if (filter_var($value, FILTER_VALIDATE_EMAIL)) 
      { 
       $query="SELECT * FROM user_login WHERE email='$value'" ; 
       $query_run=mysqli_query($dbc,$query) ; 
       $query_num_rows=mysqli_num_rows($query_run) ; 
       if ($query_num_rows>0) 
       { 
        for($i=0;$i<$query_num_rows;$i++) 
        { 
          $query_result_name=mysqli_result($query_run,$i,'name') ; 
          $query_result_email=mysqli_result($query_run,$i,'email') ; 
          echo $query_result_name.'<br>'.$query_result_email.'<br><br>' ; 
          $counter++ ; 
        } 
       } 
      } 
      if($counter==0) 
      { 
       echo 'No results found' ; 
      } 
     } 
     else 
     { 
      echo 'No results found' ; 
     } 
    } 
} 
?> 

CSS

.results{ 
z-index:3 ; 
} 

.results:hover{ 
background-color:#ffffff ; 
} 

.results a:link{ 
font-family: 'Exo', sans-serif; 
color: #ffffff ; 
text-decoration: none ; 
} 

Пожалуйста, не стесняйтесь задавать любые вопросы. Заранее благодарны за Вашу помощь.

+1

Где вы строить 'anchor' тег для имен пользователей? Единственный тег «anchor» здесь для всех пользователей. – Kami

+0

@Kami sry Я редактировал свой код и забыл добавить ссылку в этом вопросе, я повторил его в php.Like: echo $query_result_name.'
'. $ Query_result_email.'

'; [google как раз например] –

ответ

0

Попробуйте прокомментировать этот код в jquery.

$('#fr_name').blur(function(){ $('#search_result').hide() ; });

+0

Nope все еще не работает :( –

+0

@ArunNalla: вы не получаете страницу перенаправления или не можете нажимать? Или ссылка не отображается? Удалите: стиль цветной ссылки #ffffff также. –

+0

Ссылка отображается. Я не могу щелкнуть по ней Если я удалю стилизацию, я вижу нормальную ссылку html (синяя и подчеркнутая), но я не кликаю. @dHaRa uMaraniYa –

Смежные вопросы