Показ телефона (текста) по клику

@promitey · Регистрация: 05.01.2015

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста решить задачку необходимо скрыть часть кода и показывать только по клику в идеале что бы в момент клика контент подгружался (типа фрейма) вот код

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<div id="listing_info_column">
    <div class="content_box">
        <h2 class="title">{$additional_text_3}</h2>
     
        <ul class="info">
            <li class="label price">{$price_label}</li>
            <li class="value price">{$price}</li>
         
            {if $optional_field_20}
                <li class="label">{$optional_field_20_label}</li>
                <li class="value">{$optional_field_20}</li>
            {/if}
         
            <li class="label">{$date_started_label}</li>
            <li class="value">{$date_started}</li>
         
            <li class="label">{$city_label}</li>
            <li class="value">{$city_data}</li>
         
            <li class="label">{$state_label}</li>
            <li class="value">{$state_data}</li>
         
            <li class="label">{$zip_label}</li>
            <li class="value">{$zip_data}</li>
         
            <li class="label">{$country_label}</li>
            <li class="value">{$country_data}</li>
         
            <li class="label">{$phone_label}</li>
            <li class="value">{$phone_data}</li>
          
            <li class="label">{$phone2_label}</li>
            <li class="value">{$phone2_data}</li>
         
            <li class="label">{$fax_label}</li>
            <li class="value">{$fax_data}</li>
         
            <li class="label">{$public_email_label}</li>
            <li class="value"><a href="mailto:{$public_email}">{$public_email}</a></li>
         
            {if $listing_tags_links}
                <li class="label">{$listing_tags_label}</li>
                <li class="value">{$listing_tags_links}</li>
            {/if}
        </ul>
     
        <div class="clr"><br /></div>
     
        <div class="row_even highlight_links bold">
            <ul class="horizontal_list">
                <li>{$url_link_1}</li>
                <li>{$url_link_2}</li>
                <li>{$url_link_3}</li>
            </ul>
            <div class="clr"></div>
        </div>
    </div>

Скрыть надо эту часть

PHP
1
2
<li class="label">{$phone_label}</li>
<li class="value">{$phone_data}</li>

Вот как ТУТ последний пример
Спасибо большое за помощь)))

@-MaZaHaKa- · 10.02.2015, 03:45

promitey, копай в сторону AJAX. Он даёт команду и получает результат. PHP этим на прямую не занимается

@Jodah · 10.02.2015, 08:43

Если просто скрытие/раскрытие элемента, с помощью события onclick запускаете функцию, которая находит блок, который нужно скрыть (с помощью getElementById) и проверяет css свойство display. Если оно block - сделать none и наоборот.

Если данные должны подгружаться - как сказали выше, используйте ajax, примеров в сети много.

@alexhit · 13.02.2015, 17:45

Самое простое решение на jQuery метод $.post или $.get

JavaScript
1
2
3
4
5
$('.value').bind('click',function (e) {
    $.post('get_value.php',{id:$(this).attr('id')}, function(data) {
        $(this).html(data);
    });
});

@promitey · 13.02.2015, 17:48 **[ТС]**

Можно подробней пожалуйста)))

@alexhit · 13.02.2015, 18:00

Куда уж подробнее...

PHP
1
<li class="value" tel_id="{$phone_id}">скрыто</li>

изначально не выводим сам телефон, но в атрибут пишем его id, по которому потом скрипт получит нужный номер

JavaScript
1
2
3
4
5
$(document).ready(function(e) {
    $('.value').bind('click',function (e) {
        $.post('get_value.php',{id:$(this).attr('tel_id')}, function(data) {$(this).html(data);});
    });
});

Вешаем события onClick по классу "value"
методом $.post скрипту php (в примере: get_value.php) передаем наш id, скрипт по id находит нужный номер и выводит его. Данное значение запишется в переменную data. Ее и выводим в качестве значения.

И естественно чтобы все заработало, не забываем в шапке подключить jquery

JavaScript
1
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

@promitey · 13.02.2015, 18:17 **[ТС]**

Большое спасибо буду пробовать)))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@-MaZaHaKa- 21 / 21 / 16 Регистрация: 30.09.2013 Сообщений: 262
	10.02.2015, 03:45
	promitey, копай в сторону AJAX. Он даёт команду и получает результат. PHP этим на прямую не занимается 1

@Jodah 3899 / 3237 / 1353 Регистрация: 01.08.2012 Сообщений: 10,909
	10.02.2015, 08:43
	Если просто скрытие/раскрытие элемента, с помощью события onclick запускаете функцию, которая находит блок, который нужно скрыть (с помощью getElementById) и проверяет css свойство display. Если оно block - сделать none и наоборот. Если данные должны подгружаться - как сказали выше, используйте ajax, примеров в сети много. 1

@promitey 0 / 0 / 0 Регистрация: 05.01.2015 Сообщений: 9
	13.02.2015, 17:48 [ТС]
	Можно подробней пожалуйста))) 0

@promitey 0 / 0 / 0 Регистрация: 05.01.2015 Сообщений: 9
	13.02.2015, 18:17 [ТС]
	Большое спасибо буду пробовать))) 0