список файлов и отображение картинки по щелчку по одному из них / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список файлов и отображение картинки по щелчку по одному из них

73 сообщений из 73, показаны все 3 страниц

все

список файлов и отображение картинки по щелчку по одному из них

#38162403

Medniy

Гость

Всем привет. Такая задача: требуется вывести список файлов с картинками в опр. каталоге (в какой-то части сайта) и по щелчку по имени чтобы отображалась картинка в другой части сайта. Подскажите как реализовать?)

...

Рейтинг:

0 / 0

22.02.2013, 15:18

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38162485

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, Вам задачу именно в такой формулировке поставили?

И что у Вас не получается? Вывести список? Или найти другую часть сайта?

...

Рейтинг:

0 / 0

22.02.2013, 16:06

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164200

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

Medniy,
Ничего сложного. Вы начните хотя бы, а там поможем. А писать за Вас, ну как то в лом...

...

Рейтинг:

0 / 0

25.02.2013, 09:47

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164219

Medniy

Гость

skyANAMedniy, Вам задачу именно в такой формулировке поставили?

И что у Вас не получается? Вывести список? Или найти другую часть сайта?
нет, задача стоит в четком ТЗ) я просто не знаю каким способом это можно осуществить.. или каким лучше.. JS, PHP или еще че-нить.. я ж новичек в этом деле, по этому и не знаю)) подскажите верную дорогу)

...

Рейтинг:

0 / 0

25.02.2013, 10:07

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164229

Medniy

Гость

SharuPoNemnoguMedniy,
Ничего сложного. Вы начните хотя бы, а там поможем. А писать за Вас, ну как то в лом...
хот б примерчик какой-нить дайте) я уж от него как-нить оттолкнусь))

...

Рейтинг:

0 / 0

25.02.2013, 10:12

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164256

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Найдите в интернете страницу максимально похожую на то, что вам нужно, и сдерите ее для начала. Потом сделайте статический список файлов с картинками, чтобы по щелку что-то там где-то отображалось. Потом беритесь за пхп и узнайте, как получить список файлов в определенном каталоге на сервере.

Если ваши проблемы начинаются с того, что вы не можете сформулировать гуглу, что вам надо, то отдайте свое ТЗ кому-нибудь другому.

...

Рейтинг:

0 / 0

25.02.2013, 10:23

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164475

Medniy

Гость

в общем получилось вывести список с ссылками, только не там где нужно) скрин во вложенном файле
появилось два вопроса) сместить список влево, а на том месте где он сейчас - отображать содержимое файлов)

...

Рейтинг:

0 / 0

25.02.2013, 12:29

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#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

25.02.2013, 12:30

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164599

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

Medniy,

Код: php

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

25.02.2013, 13:25

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#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

25.02.2013, 14:14

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164733

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

Medniy,
Да откуда ж я знаю, че там за стили. Оберните все в div и слелайте float:left;

...

Рейтинг:

0 / 0

25.02.2013, 14:22

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164745

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, что значит слева? Насколько я вижу список находится в левой части вкладки SIGWX.
Вы хотите, чтобы список вышел за пределы контейнера?

...

Рейтинг:

0 / 0

25.02.2013, 14:25

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164791

Medniy

Гость

skyANAMedniy, что значит слева? Насколько я вижу список находится в левой части вкладки SIGWX.
Вы хотите, чтобы список вышел за пределы контейнера?
да)) то есть получается мне нужно этот список передать в другой контейнер

...

Рейтинг:

0 / 0

25.02.2013, 14:37

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164808

Medniy

Гость

а на месте этого списка нужно будет отобразить картинку при нажатии одного из файлов из списка)) но до этого ещё не дошел))

...

Рейтинг:

0 / 0

25.02.2013, 14:41

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164837

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, ну начните с position .

P.S.: а у вас там все новички?

...

Рейтинг:

0 / 0

25.02.2013, 14:52

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164842

Medniy

Гость

ну на php у нас ещё никто не писал)

...

Рейтинг:

0 / 0

25.02.2013, 14:53

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164859

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, и на HTML + CSS тоже никто не писал?

...

Рейтинг:

0 / 0

25.02.2013, 14:59

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164865

Medniy

Гость

писал)) а к чему вопрос?))

...

Рейтинг:

0 / 0

25.02.2013, 15:00

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164870

Medniy

Гость

кстати, спс за ссылку, вроде помогло)) посмотрим как дальше дела пойдут)))

...

Рейтинг:

0 / 0

25.02.2013, 15:02

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164873

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniyписал)) а к чему вопрос?))Любопытно, есть там у вас кто-то, кто разбирается в вёрстке. И почему вёрсткой заморачивается программист.

...

Рейтинг:

0 / 0

25.02.2013, 15:03

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164883

Medniy

Гость

вот так бывает)))мы ещё иногда машины загружаем/разгружаем))))

...

Рейтинг:

0 / 0

25.02.2013, 15:07

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164892

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

skyANA... И почему вёрсткой заморачивается программист.

Я программист и сам верстаю свои проекты. Не люблю капать чужой html. А у человека просто задание в универе скорее всего, поэтому сам заморачивается со всем.

...

Рейтинг:

0 / 0

25.02.2013, 15:09

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164898

Medniy

Гость

да не, не в уневере, а на работе ТЗ ))

...

Рейтинг:

0 / 0

25.02.2013, 15:11

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164902

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

Medniy,

А кем вы работаете если не секрет?)

...

Рейтинг:

0 / 0

25.02.2013, 15:12

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164904

Medniy

Гость

должность наз. - инженер)

...

Рейтинг:

0 / 0

25.02.2013, 15:13

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164937

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Medniyписал)) а к чему вопрос?))
Да вопросы у тебя дюже специфичные... Складывается впечатление, что скачал что-то там-сям... А теперь не понимаешь что происходит.

...

Рейтинг:

0 / 0

25.02.2013, 15:23

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38164957

Medniy

Гость

ну можно сказать, что так оно и есть) версткой первый раз занимаюсь)

...

Рейтинг:

0 / 0

25.02.2013, 15:30

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165012

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

SharuPoNemnoguskyANA... И почему вёрсткой заморачивается программист.

Я программист и сам верстаю свои проекты. Не люблю капать чужой html. А у человека просто задание в универе скорее всего, поэтому сам заморачивается со всем.У меня тоже случаются проекты, где я сам верстаю. А есть команды с выделенными верстальщиками. Давайте не будет гадать, к чему относится случай ТСа.
Пусть сам нам расскажет.

...

Рейтинг:

0 / 0

25.02.2013, 15:52

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165015

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniyну можно сказать, что так оно и есть) версткой первый раз занимаюсь)При этом Вы говорите, что кто-то там у Вас писал-таки HTML + CSS. Этого кого-то не пробовали спросить?

...

Рейтинг:

0 / 0

25.02.2013, 15:53

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165084

Medniy

Гость

я бы с удовольствием, но он в командировке))
подскажите лучше с отображением картинки при нажатии ссылки как я писал выше)) с jQuery ещё не сталкивался))

...

Рейтинг:

0 / 0

25.02.2013, 16:21

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165107

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, тут вот посмотрите рабочий пример . По аналогии попробуйте сделать то, что Вам надо.

...

Рейтинг:

0 / 0

25.02.2013, 16:38

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165130

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

Medniy,

Вот набросал за 5 минут, копипастом с этого топика, без стилей и украшательств. (во вложении, в папку images накидайте картинок)

...

Рейтинг:

0 / 0

25.02.2013, 16:46

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165189

Medniy

Гость

спасибо, повтыкаю)

...

Рейтинг:

0 / 0

25.02.2013, 17:13

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38165999

Medniy

Гость

подскажите ссылочки на какие-нить кнопки с функцией чекбоксов на JS, чтобы при нажатии не флажок появлялся, а кнопка затемнялась, например))

...

Рейтинг:

0 / 0

26.02.2013, 11:20

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38166135

Medniy

Гость

такой вопрос, решил чтобы при нажатии на картинку изображение увеличивалось, юзаю JQuery lightbox.. все как бы работает, но при нажатии на картинку выдает порванный листочек, типа, изображения не найдено.. подскажите, что не правильно делаю, вот код -

Код: javascript

1.
2.
3.

<script>$(function() {	
            $('.layer2').lightBox(); 
        });</script>

...

Рейтинг:

0 / 0

26.02.2013, 12:21

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38166534

Medniy

Гость

как организовать количество вкладок по кол-ву эл-ов в файле XML?
то есть я беру парсером и вывожу список

Код: php

1.
2.
3.
4.
5.
6.
7.
8.
9.

 <?php

    $xml = simplexml_load_file("MeteoConsoleOPMET.xml");

    foreach
    ($xml->children() as $child) {
        echo "<li>$child</li>";
    }
    ?>

отображаю вкладки с этими именами

Код: html

1.
2.
3.
4.
5.
6.

<div class="tabbable tabs-left">
                <ul class="nav nav-tabs">
                    <li><a href="1" data-toggle="tab"><?php require_once 'OPMET.php'?>;</a></li>                  
                   
                </ul>
            </div>

.. как все работает, НО, после этого мне нужно иметь доступ к каждой вкладке для заполнения, то есть для заполнения добавить -

Код: html

1.
2.

<div class="tab-content">
    <div class="tab-pane" id="1">

но данная схема работает будет для всех вкладок.. с id=1, а мне нужно к каждой по отдельности, подскажите куда копать?))

...

Рейтинг:

0 / 0

26.02.2013, 15:01

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38167962

Medniy

Гость

ап

...

Рейтинг:

0 / 0

27.02.2013, 13:36

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38169139

Medniy

Гость

поставлю вопрос по-другому - как создать при загрузке страницы динамиески кнопки используя XML файл, где имеется n кол-во эл-ов под одним определенным тэгом используя данные в тэгах как название кнопки?

...

Рейтинг:

0 / 0

28.02.2013, 10:18

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38169320

Medniy

Гость

разобрался.. только маленький нюанс остался... при нажатии повторно на одну и ту же кнопку получается вот что -
с чем это может быть связанно?
вот код -

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

$(document).ready(function(){
                $.ajax({
                    type: "GET",
                    url: "MeteoConsoleOPMET.xml",
                    dataType: "xml",
                    success: function(xml) {
                        $(xml).find('index').each(function(){
                            var id = $(this).find('id').text();
                            var AirPorts = $(this).find('AirPorts').text();                            
                        
                            $('<div class="btn" id="'+id+'">'+AirPorts+'</div>').appendTo('#checkbox1');		
                        
						
                        });
                    }
                });
            });

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

<div class="layer4">
            <div id="tabs" class="tabbable tabs-left">
                <div class="nav nav-tabs">
                    <ul id ="checkbox1" class="btn-group" data-toggle="buttons-checkbox">                     


                    </ul>

                </div>

            </div>
        </div>

...

Рейтинг:

0 / 0

28.02.2013, 12:09

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38169322

Medniy

Гость

и почему-то кнопки располагаются в ряд, хотя свойство заданно в столбик -

Код: html

<div id="tabs" class="tabbable tabs-left">

...

Рейтинг:

0 / 0

28.02.2013, 12:11

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170623

Medniy

Гость

помогите с checkbox'ом, два дня уже парюсь... имеется -

Код: html

1.
2.
3.
4.

<div class="btn-group" data-toggle="buttons-checkbox">               
                <button id="sa" type="button" name="check" class="btn"onclick="check();" >SA</button>              

            </div>

Код: javascript

1.
2.
3.
4.
5.
6.
7.

function check()
{
    if (document.getElementById('sa').checked)
        alert("checked");
    else
        alert("unchecked");
}

проблема в том что постоянно выдает "unchecked"...
весь инет уже перелопатил ((

...

Рейтинг:

0 / 0

01.03.2013, 10:52

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170662

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, элемент с идентификатором "sa" - это button.

Читаем про тег <button> и думаем о том, откуда у него вдруг должен появиться атрибут "checked".

...

Рейтинг:

0 / 0

01.03.2013, 11:20

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170664

Medniy

Гость

дак ведь -

Код: html

data-toggle="buttons-checkbox"

...

Рейтинг:

0 / 0

01.03.2013, 11:22

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170666

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, для на фига Вы решили CheckBox как обёртку над button реализовать, а не как другие: через обёртку над <input type="checkbox" /> ?

...

Рейтинг:

0 / 0

01.03.2013, 11:22

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170672

Medniy

Гость

ну это получится обычная галочка, а я хочу кнопку с залипанием и со свойствами чекбокса)

...

Рейтинг:

0 / 0

01.03.2013, 11:24

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170674

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniyдак ведь -

Код: html

data-toggle="buttons-checkbox"

И? Хотите сказать Вы нам показываете не итоговую разметку?
Если так, то посмотрите итоговую, подумайте и покажите нам.

...

Рейтинг:

0 / 0

01.03.2013, 11:25

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170693

Medniy

Гость

да вроде итоговую))

...

Рейтинг:

0 / 0

01.03.2013, 11:33

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170697

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniyда вроде итоговую))Ну тогда читать про тег <button> и думать.

...

Рейтинг:

0 / 0

01.03.2013, 11:35

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170698

Medniy

Гость

да и все равно, даже если прописать -

Код: html

<input type="checkbox" id="sa" name="check" class="btn" onclick="check();" >SA/>

- остается та же проблема (

...

Рейтинг:

0 / 0

01.03.2013, 11:36

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170705

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, а у меня нет такой проблемы, что я делаю не так?

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

<!DOCTYPE HTML>
<html>
<body>
  <input type="checkbox" id="sa" name="check" class="btn" onclick="check()" />
  <script>
    function check() {
      if (document.getElementById('sa').checked) {
        alert("checked");
      } else {
        alert("unchecked");
      }
    }
    </script>
  </body>
</html>

Может мне надо подключить некую библиотеку, которая мне должна поломать стандартное поведение?

...

Рейтинг:

0 / 0

01.03.2013, 11:40

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170709

Medniy

Гость

я вот тоже начал грешить на библиотеку ... bootstrap может быть... но у меня весь сайт на нем построен (.. ща поэкспериментирую

...

Рейтинг:

0 / 0

01.03.2013, 11:42

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170741

Medniy

Гость

блин, создал с нуля лист, вставил только код с чекбоксом- тоже заработало (

...

Рейтинг:

0 / 0

01.03.2013, 11:54

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170756

Medniy

Гость

нашел причину.. если я создаю отдельный файл - "opmet.js", создаю на него ссылку

Код: html

 <script src="js/opmet.js" type ="text/javascript"></script>

и запихиваю в него тот скрипт... то не работает, а если я пишу этот скрипт сразу под <input type="checkbox" id="sa" name="check" class="btn" onclick="check()" />, то работает.... бред какой-то

...

Рейтинг:

0 / 0

01.03.2013, 11:59

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170761

Medniy

Гость

опять не работает... тьфу, блин

...

Рейтинг:

0 / 0

01.03.2013, 12:03

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170781

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Откройте для себя Fiddler. И посмотрите, что скрипт загружается.

...

Рейтинг:

0 / 0

01.03.2013, 12:18

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170786

Medniy

Гость

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

<!DOCTYPE HTML>
<html>   
    <body>   
        <input type="checkbox" id="sa" name="check" class="btn" onclick="check()" />
        <script>
            function check()
            {
                if (document.getElementById('sa').active)
                    alert("checked");
                else
                    alert("unchecked");
            }</script>
    </body>
</html>

чистый документ... все равно unchecked (

...

Рейтинг:

0 / 0

01.03.2013, 12:22

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170794

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, Вы прикалываетесь? Что за свойство active ?

...

Рейтинг:

0 / 0

01.03.2013, 12:31

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170801

Medniy

Гость

черт, не заметил)

...

Рейтинг:

0 / 0

01.03.2013, 12:37

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170806

Medniy

Гость

ну а можно сделать кнопку со свойствами checkbox ? типа, залипания??

...

Рейтинг:

0 / 0

01.03.2013, 12:40

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170814

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, если используете Bootstrap, то играйте по его правилам :)

...

Рейтинг:

0 / 0

01.03.2013, 12:49

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170834

Medniy

Гость

да ничего толкового у них на сайте не написано.. одни простого создания компонентов

...

Рейтинг:

0 / 0

01.03.2013, 12:59

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170879

Medniy

Гость

skyANA, у меня будет задача для меня почти не выполнимая, надеюсь мне поможете с ней)) о пока разберусь с этой чертовой кнопкой)

...

Рейтинг:

0 / 0

01.03.2013, 13:25

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170904

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, уж не знаю, что Вам на сайте Bootstrap не понятно, но там есть пример "залипающих" кнопок.
И видно, что когда кнопка "залипает", то к элементу button добавляется класс active . Может тупо проверять его наличие?

...

Рейтинг:

0 / 0

01.03.2013, 13:36

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170961

Medniy

Гость

Код: javascript

1.
2.
3.
4.
5.
6.
7.

function check()
                    {
                        if (document.getElementById('sa').active)
                            alert("checked");
                        else
                            alert("unchecked");
                    }

делаю так, все равно та же история

...

Рейтинг:

0 / 0

01.03.2013, 14:05

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38170988

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, может Вам заняться тем, в чём Вы разбираетесь, пока специалист по вёрстке в командировке?

active - это класс (class) элемента! Ни атрибут, ни свойство. И проверять его наличие следует иначе.

...

Рейтинг:

0 / 0

01.03.2013, 14:21

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171004

Medniy

Гость

не, не) именно этим мне и надо заняться) просто знаний по верстке 0, но написать надо.. так что никуда не деться)

...

Рейтинг:

0 / 0

01.03.2013, 14:28

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171011

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Medniy, ну вот Вам ссылка на документацию, разбирайтесь.

...

Рейтинг:

0 / 0

01.03.2013, 14:32

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171032

Medniy

Гость

спасибо, повтыкаю)

...

Рейтинг:

0 / 0

01.03.2013, 14:43

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171101

Medniy

Гость

получилось)

Код: javascript

1.
2.
3.
4.
5.

function check(){                       
                        if($('button#sa').hasClass("active").toString()=='false')
                            alert("checked")
                        else
                            alert("unchecked")}

...

Рейтинг:

0 / 0

01.03.2013, 15:22

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171134

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Код: javascript

if($('button#sa').hasClass("active").toString()=='false')

ААААААА, башорг на скуле!!!1
хотя начинающему это и простительно, но следует знать, что такое условие это дичайший моветон и классический не раз обсмеянный пример индусского кода.

Вот как надо:

Код: javascript

if(!$('button#sa').hasClass("active"))

Восклицательный знак здесь означает "не".

...

Рейтинг:

0 / 0

01.03.2013, 15:39

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38171145

Medniy

Гость

спасибо, буду знать)

...

Рейтинг:

0 / 0

01.03.2013, 15:42

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38189312

Medniy

Гость

нужна помощь..

в общем имеются кнопки-чекбоксы, должны работать как фильтр, но чет не получается корректно настроить их ... слева кнопки, при нажатии происходит выбор файла XML по имени.. а сверху, выбор инфы в этом файле по тэгам
помогите, плз))

вот код -

Код: javascript

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.

$(document).ready(function() {
                $.ajax({
                    type: "GET",
                    url: "MeteoConsoleOPMET.xml",
                    dataType: "xml",
                    success: function(xml) {
                        $(xml).find('index').each(function() {

                            var id = $(this).attr('id');
                            var AirPorts = $(this).find('AirPorts').text();

                            $('<li><button type="button" class="btn" id="' + id + '">' + AirPorts + '</li>').appendTo('#checkbox1');

                            $('.btn').click(function() {
                                $('#text').text('');

                                if (!$('button#' + id + '').hasClass("active"))
                                    $.ajax({
                                        type: "GET",
                                        url: $('button#' + id + '').attr('id') + ".xml",
                                        dataType: "xml",
                                        success: function(xml) {
                                            $(xml).find(id).each(function()
                                            {

                                                if ($('button#sa').hasClass("active"))
                                                    $("#text").append($(this).find('METAR').text());

                                                if ($('button#fc').hasClass("active"))
                                                    $("#text").append($(this).find('FC').text());

                                                if ($('button#ft').hasClass("active"))
                                                    $("#text").append($(this).find('FT').text());

                                                if ($('button#fl').hasClass("active"))
                                                    $("#text").append($(this).find('FL').text());
                                            });
                                        }
                                    });

                            });


                        });
                    }
                });
            });

...

Рейтинг:

0 / 0

19.03.2013, 11:57

| Ответить | Цитировать | Написать

список файлов и отображение картинки по щелчку по одному из них

#38189437

Medniy

Гость

допили код для верхних кнопок

Код: javascript

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.

$('.btn.btn-primary').click(function() {
                                $('#text').text('');

                                if ($('button#' + id + '').hasClass("active"))
                                    $.ajax({
                                        type: "GET", url: $('button#' + id + '').attr('id') + ".xml",
                                        dataType: "xml",
                                        success: function(xml) {
                                            $(xml).find(id).each(function()
                                            {

                                                if ($('button#sa').hasClass("active"))
                                                    $("#text").append($(this).find('METAR').text());

                                                if ($('button#fc').hasClass("active"))
                                                    $("#text").append($(this).find('FC').text());

                                                if ($('button#ft').hasClass("active"))
                                                    $("#text").append($(this).find('FT').text());

                                                if ($('button#fl').hasClass("active"))
                                                    $("#text").append($(this).find('FL').text());


                                            });
                                        }
                                    });

                            });

вроде, теперь все норм работает, но остался один момент, при отжатии кнопок класса .btn , отчищается все поле, когда с кнопками .btn.btn-primary все норм, отчищается и перечитывается какие кнопки нажаты...

...

Рейтинг:

0 / 0

19.03.2013, 12:35

| Ответить | Цитировать | Написать

73 сообщений из 73, показаны все 3 страниц

все

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?all=1&fid=22&tid=1448572]:	0ms
get settings:	9ms
get forum list:	15ms
check forum access:	3ms
check topic access:	3ms
track hit:	71ms
get topic data:	10ms
get forum data:	3ms
get page messages:	82ms
get tp. blocked users:	1ms
others:	242ms

total:	439ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы