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

ReSQL.ru

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

Гость

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

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

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

Цитировать

Написать

Автор*:

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

Тема*:

Сообщение

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

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

Автор:

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

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

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

Вложение:

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

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

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

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

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

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

23 сообщений из 73, страница 3 из 3

все

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

#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

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

23 сообщений из 73, страница 3 из 3

все

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

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

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

start [/forum/topic.php?fid=22&msg=38170761&tid=1448572]:	0ms
get settings:	11ms
get forum list:	19ms
check forum access:	3ms
check topic access:	3ms
track hit:	153ms
get topic data:	12ms
get forum data:	3ms
get page messages:	81ms
get tp. blocked users:	1ms
others:	256ms

total:	542ms

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