powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список файлов и отображение картинки по щелчку по одному из них
25 сообщений из 73, страница 1 из 3
список файлов и отображение картинки по щелчку по одному из них
    #38162403
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Всем привет. Такая задача: требуется вывести список файлов с картинками в опр. каталоге (в какой-то части сайта) и по щелчку по имени чтобы отображалась картинка в другой части сайта. Подскажите как реализовать?)
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38162485
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy, Вам задачу именно в такой формулировке поставили?

И что у Вас не получается? Вывести список? Или найти другую часть сайта?
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164200
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy,
Ничего сложного. Вы начните хотя бы, а там поможем. А писать за Вас, ну как то в лом...
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164219
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANAMedniy, Вам задачу именно в такой формулировке поставили?

И что у Вас не получается? Вывести список? Или найти другую часть сайта?
нет, задача стоит в четком ТЗ) я просто не знаю каким способом это можно осуществить.. или каким лучше.. JS, PHP или еще че-нить.. я ж новичек в этом деле, по этому и не знаю)) подскажите верную дорогу)
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164229
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
SharuPoNemnoguMedniy,
Ничего сложного. Вы начните хотя бы, а там поможем. А писать за Вас, ну как то в лом...
хот б примерчик какой-нить дайте) я уж от него как-нить оттолкнусь))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164256
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Найдите в интернете страницу максимально похожую на то, что вам нужно, и сдерите ее для начала. Потом сделайте статический список файлов с картинками, чтобы по щелку что-то там где-то отображалось. Потом беритесь за пхп и узнайте, как получить список файлов в определенном каталоге на сервере.

Если ваши проблемы начинаются с того, что вы не можете сформулировать гуглу, что вам надо, то отдайте свое ТЗ кому-нибудь другому.
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164475
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
в общем получилось вывести список с ссылками, только не там где нужно) скрин во вложенном файле
появилось два вопроса) сместить список влево, а на том месте где он сейчас - отображать содержимое файлов)
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164478
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<div class="row">
    <div class="span4">
        <ul class="nav nav-list">
            <?php
            $dir = "maps/";   //задаём имя директории
            if (is_dir($dir)) {   //проверяем наличие директории
               
                $files = scandir($dir);    //сканируем (получаем массив файлов)
                array_shift($files); // удаляем из массива '.'
                array_shift($files); // удаляем из массива '..'
                for ($i = 0; $i < sizeof($files); $i++)
                    echo '<a href="' . $dir . $files[$i] . '"">' . $files[$i] . '</a>;<br>';  //выводим все файлы
            }
            else
                echo $dir . ' -такой директории нет;<br>';
            ?>
        </ul>
    </div>
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164599
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy,

Код: php
1.
echo '<a href="' . $dir . $files[$i] . '"">' . $files[$i] . '</a>;<br>';  //выводим все файлы


Там не <br> а <li></li> надо, Вы же список делаете..

А потом яваскриптом перехватываем клик по ссылке, берем атрибут хреф и в какой нибудь див вставляем картинку.

на jquery примерно так:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
$('document').ready(function() {

$('ul.nav-list a).click(function(e) {

e.preventDefault();

$('#div').html('<img src="'+ $(this).attr('href') + '" />'); //где div ID дива куда надо воткнуть картинку.

});

});
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164715
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
в общем юзаю табы от Bootstrap, нажимая на нужную вкладку список появляется посередине, как сделать чтобы он появлялся с краю слева ? вот код
Код: php
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<script>
$('#myTab a[href="#SIGWX"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
</script>
<ul class="nav nav-tabs">
  <li><a href="#OPMET" data-toggle="tab">OPMET</a></li>
  <li><a href="#FIR" data-toggle="tab">FIR</a></li>
  <li><a href="#SIGWX" data-toggle="tab">SIGWX</a></li>
  <li><a href="#RADAR" data-toggle="tab">RADAR</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="OPMET">...</div>
  <div class="tab-pane" id="FIR">...</div>
  <div class="tab-pane" id="SIGWX"><?php require_once 'maps_list.php'?>;</div>
  <div class="tab-pane" id="RADAR">...</div>
</div>
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164733
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy,
Да откуда ж я знаю, че там за стили. Оберните все в div и слелайте float:left;
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164745
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy, что значит слева? Насколько я вижу список находится в левой части вкладки SIGWX.
Вы хотите, чтобы список вышел за пределы контейнера?
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164791
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANAMedniy, что значит слева? Насколько я вижу список находится в левой части вкладки SIGWX.
Вы хотите, чтобы список вышел за пределы контейнера?
да)) то есть получается мне нужно этот список передать в другой контейнер
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164808
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
а на месте этого списка нужно будет отобразить картинку при нажатии одного из файлов из списка)) но до этого ещё не дошел))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164837
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy, ну начните с position .

P.S.: а у вас там все новички?
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164842
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ну на php у нас ещё никто не писал)
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164859
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy, и на HTML + CSS тоже никто не писал?
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164865
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
писал)) а к чему вопрос?))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164870
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
кстати, спс за ссылку, вроде помогло)) посмотрим как дальше дела пойдут)))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164873
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniyписал)) а к чему вопрос?))Любопытно, есть там у вас кто-то, кто разбирается в вёрстке. И почему вёрсткой заморачивается программист.
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164883
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
вот так бывает)))мы ещё иногда машины загружаем/разгружаем))))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164892
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA... И почему вёрсткой заморачивается программист.

Я программист и сам верстаю свои проекты. Не люблю капать чужой html. А у человека просто задание в универе скорее всего, поэтому сам заморачивается со всем.
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164898
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
да не, не в уневере, а на работе ТЗ ))
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164902
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Medniy,

А кем вы работаете если не секрет?)
...
Рейтинг: 0 / 0
список файлов и отображение картинки по щелчку по одному из них
    #38164904
Medniy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
должность наз. - инженер)
...
Рейтинг: 0 / 0
25 сообщений из 73, страница 1 из 3
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список файлов и отображение картинки по щелчку по одному из них
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]