Показать скрытые данные по клику мышки

[ale10ey]

(05.12.2014 23:10:07)Admin писал(а):  Например, можно сделать так:

Код:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".phone>*").click(function(){
    id_elem=$(this).parent().attr("id");
    jQuery.post("show_data.php",{id:id_elem,type:"phone"},show_phone);
});
function show_phone(data){
    $("#"+id_elem+".phone").fadeOut(500, function(){ $(this).html(data).fadeIn(500); });
}


$(".mails>*").click(function(){
    id_elem=$(this).parent().attr("id");
    jQuery.post("show_data.php",{id:id_elem,type:"mails"},show_mails);
});
function show_mails(data){
    $("#"+id_elem+".mails").fadeOut(500, function(){ $(this).html(data).fadeIn(500); });
}
});
</script>

<p>
Телефон: +7<span class="phone" id="11"><input type="submit" value="Показать"></span>
Почта: <span class="mails" id="11"><input type="submit" value="Показать"></span>
</p>
<p>
Телефон: +7<span class="phone" id="22"><u>Показать.</u></span>
Почта: <span class="mails" id="22"><u>Показать.</u></span>
</p>
<p>
Телефон: +7<span class="phone" id="33"><img src="image/show_data.png" alt=""></span>
Почта: <span class="mails" id="33"><img src="image/show_data.png" alt=""></span>
</p>

Файл show_data.php:

PHP код:

<?php
$db=mysqli_connect("localhost","acad","pswd","contacts_id");
if ($_POST["type"]=="phone") $res=mysqli_fetch_array(mysqli_query($db,"SELECT phone FROM data WHERE id=".(int)$_POST["id"].""));
if ($_POST["type"]=="mails") $res=mysqli_fetch_array(mysqli_query($db,"SELECT email FROM data WHERE id=".(int)$_POST["id"].""));
echo $res[0];
?>

Последний вопрос, по 1 клику открывается телефон, а по 2 - адрес почты. Пользователь, если захочет, то посмотрит, но если в случае с номером телефона переходить не надо, то адрес почты у меня ссылка на другую страницу, где расположена форма отправки письма. Как реализовать, чтобы после клика на email пользователь также мог перейти на страницу с формой.
Как пониманию, пользователь должен кликнуть 2 раза, 1 - показать email и 2, чтобы перейти на нужную страницу.
Искал информацию в интернете, но ничего толкового не нашел, а было бы вполне логично, что после показа email пользователь мог перейти к самой форме. Заранее благодарен.

[Admin]

Замените

PHP код:

if ($_POST["type"]=="mails") $res=mysqli_fetch_array(mysqli_query($db,"SELECT email FROM data WHERE id=".(int)$_POST["id"]."")); 


на

PHP код:

if ($_POST["type"]=="mails") {
 $res=mysqli_fetch_array(mysqli_query($db,"SELECT email FROM data WHERE id=".(int)$_POST["id"].""));
 $res[0]='<a href="URL">'.$res[0].'</a>';
} 


[ale10ey]

В последний раз, думал что последний вопрос, но есть еще один.
Все работает, код:
if ($_POST["type"]=="mails") {
$res=mysqli_fetch_array(mysqli_query($db,"SELECT email FROM data WHERE id=".(int)$_POST["id"].""));
$res[0]='<a style="color:#6eb9cc; text-decoration:none;" href="form.html#form" title="Написать сообщение">'.$res[0].'</a>';
}
echo $res[0];
Я поменял цвет ссылки, убрал подчеркивание, задал путь к форме и title средствами CSS.
Вопрос:
У меня все ссылки на сайте цветом color:#6eb9cc и при наведении ссылка меняет цвет на черный и хотелось, чтобы при наведении на ссылку с адресом почты ссылка меняла цвет, как и на других страницах.
Пробовал средствами CSS не получается и если такая возможность?
Заранее благодарен.

[Admin]

Вынесите стиль из тега:

Код:

<style type="text/css">
a.name_style { color:#6eb9cc; text-decoration:none; }
a.name_style:hover { color:#000000; }
</style>

$res[0]='<a class="name_style" href="form.html#form" title="Написать сообщение">'.$res[0].'</a>';

[ale10ey]

(07.12.2014 16:29:02)Admin писал(а):  Вынесите стиль из тега:

Код:

<style type="text/css">
a.name_style { color:#6eb9cc; text-decoration:none; }
a.name_style:hover { color:#000000; }
</style>

$res[0]='<a class="name_style" href="form.html#form" title="Написать сообщение">'.$res[0].'</a>';

Спасибо, не догадался вынести стиль из тега, хотя тег style применяю на практике.
Буду изучать PHP. Благодарен и только положительный отзыв!!!