Программирование на JS, JQ, Ajax

(Ответов: 130, Просмотров: 18856)
Страница 5 из 14 Первая ... 34567 Последняя
  1. Новичок
    • Регистрация: 09.01.2013
    • Сообщений: 18
    • Репутация: 0
    evpatiy, огромное спасибо за потраченное время! Сейчас буду применять. Мне как раз было необходимо от чего-то оттолкнуться. Ещё раз спасибо!
    • 0
  2. Опытный Аватар для TBicTep
    • Регистрация: 08.06.2011
    • Сообщений: 342
    • Репутация: 64
    CAst
    1. Можете здесь посмотреть как сделать валидацию _http://artvader.ru/proverka-zapolneniya-formi-s-pomoshyu-jquery-i-javascript/ Поле "Ваш номер телефона" практически то что вам нужно.
    2. Вот набросал пример, возможно кривой в реализации но работает
    Код HTML:
    <script>
    $(function(){
    	//Функция которая обновляет сообщение
    	function updateres(){
    		// Берем значение поля «Платёж»
    	    curcol = $('#col').val();
    		// Берем значение поля «Валюта»
    	    curvaluta = $('#options :selected').val();
    		if (curvaluta == 'wmr') result = "Вы получите " + 1 * curcol + " очков за " + curcol +" рублей";
    		else if(curvaluta == 'wmz') result = "Вы получите " + 30 * curcol + " очков за " + curcol +" $";
    		else result='';
    		//Выводим сообщение
    	    $('#res').html(result);
    	}
    	//При изменении поля «Платёж» или выборе валюты обновляем сообщение.
    	$('#col').keyup(function(){ updateres(); });
        $('#options').change(function(){ updateres(); })
    })
    </script> <div id="res"></div> <form>
    	Платёж:<br /> <input type="text" value="0" name="col" id="col" /><br /> <select id="options"> <option>Валюта</option> <option value="wmr">wmr</option> <option value="wmz">wmz</option> </select> <br /> <input type="submit"> </form>
    • 1

    Спасибо сказали:

    CAst(23.03.2013),
  3. Новичок
    • Регистрация: 09.01.2013
    • Сообщений: 18
    • Репутация: 0
    TBicTep, Огромное спасибо!! Мне очень приятно, что среди IT сообщества много людей, готовых помочь новичкам.
    • 0
  4. Новичок Аватар для Graf
    • Регистрация: 14.03.2013
    • Сообщений: 5
    • Репутация: 0
    У меня сложилась проблема с написанием первого скрипта на JS.
    Мне нужна галерея но простым языком. В сети видел либо ссылки на библиотеки, либо написано с сокращениями непонятными мне. Прошу поясните какие должны быть действия.

    есть n картинок, нужно что бы при нажатии открывался див поверх контента и посередине было увеличенное изображение.


    Код:
    var a=new Array();
    a[0].src = "foto1.jpg";
    a[1].src = "foto2.jpg";
    a[2].src = "foto3.jpg";
    
    
    function showDiv (image)
    {	       
     d = document.createElement('div');
     d.className='backdiv';
     document.body.appendChild(d);
     d.HTMLstr+="<img src=\"по идее тут как-то надо вписать массив?\">\n";
     document.body.style.overflow = 'hidden';
    }
    Код HTML:
    <img  id="photo1" src="foto1.jpg" OnClick="showDiv(this)"/> <img  id="photo2" src="foto2.jpg" OnClick="backDiv(this)"/> <img  id="photo3" src="foto3.jpg" OnClick="backDiv(this)"/>
    Див поверх контента открывается но изображение никак не получается вывести.
    • 0
  5. Дипломник Аватар для evpatiy
    • Регистрация: 08.10.2011
    • Сообщений: 105
    • Репутация: 29
    • Webmoney BL: ?
    Если честно то смутно понял, что за галерею ты хочешь получить, если бы было пару картинок так и так должны делать то ок, твой код если честно немного непонятен, для чего тебе массив? передавая this в функцию showDiv ты передаешь ссылку на этот элемент в документе...

    Код HTML:
    function showDiv (image)
    {	       
    var d = document.createElement('div')
    d.setAttribute("id", "main");
    var img = document.createElement('img');
    var imgSrc = image.getAttribute('src')
    img.setAttribute('src',imgSrc);
    d.appendChild(img);
    document.body.appendChild(d);
    }
    Ох да в этом коде не проверяется есть ли уже div и создает все время новый... Ну глянь код.. он передает ссылку на элемент картинки.. также создает див .. создаем картинку вкладывает картикнку в див новосоздануюю и прикпрепляет к телу документа))
    • 0
  6. in search... Аватар для Top-tompak
    • Регистрация: 16.08.2012
    • Сообщений: 189
    • Репутация: 43
    Всем привет! Как вырезать строку если оно больше какого то предела?
    • 0
  7. Дипломник Аватар для evpatiy
    • Регистрация: 08.10.2011
    • Сообщений: 105
    • Репутация: 29
    • Webmoney BL: ?
    Top-tompak, Хм плохо понятно, чего вы хотите конкретно, но если проявить фантазию и немножко побыть оракулом, то получайте на низкоуровневым javascript код:
    Код:
    //получаем ссылку на элемент в котором содержится текст
    	var string = document.getElementById('sss');
    	//получаем текст 
    	var stringText = string.innerText;
    	//сравниваем длину строки с нужным числом
    	if (stringText.length > 140) 
    		{	
    			//если условие выполняется изменяем на нужный текст
    			string.innerText = 'enter your text here!';
    		}
    Последний раз редактировалось evpatiy; 02.04.2013 в 15:56.
    • 1

    Спасибо сказали:

    Top-tompak(21.04.2013),
  8. Новичок
    • Регистрация: 09.01.2013
    • Сообщений: 18
    • Репутация: 0
    Доброго дня! У меня есть раздвижной вертикальный каталог для товаров на сайте. Простенький скрипт на jq. Проблема в том, что после обновления страницы или при нажатии на категорию меню сворачивается и человеку приходиться опять его раздвигать, чтоб перейти в другую категорию. Можно ли как-то сделать так, чтоб каталог не сворачивался при обновлении страницы средствами jq? Спасибо!

    Код:
    $(document).ready(function() {
      $('ul#my-menu ul').each(function(index) {
        $(this).prev().addClass('collapsible').click(function() {
          if ($(this).next().css('display') == 'none') {
            $(this).next().slideDown(200, function () {
              $(this).prev().removeClass('collapsed').addClass('expanded');
            });
          }else {
            $(this).next().slideUp(200, function () {
              $(this).prev().removeClass('expanded').addClass('collapsed');
              $(this).find('ul').each(function() {
                $(this).hide().prev().removeClass('expanded').addClass('collapsed');
              });
            });
          }
          return false;
        });
      });
    });
    Последний раз редактировалось CAst; 04.04.2013 в 17:04.
    • 0
  9. Дипломник Аватар для evpatiy
    • Регистрация: 08.10.2011
    • Сообщений: 105
    • Репутация: 29
    • Webmoney BL: ?
    CAst,
    Вариантов не много, можно при клике сохранять состояние в localstorage или cookies
    При клике когда человек открывает сохранять в переменную:
    Код:
    localStorage.setItem('state', true);
    При клике когда человек закрывается изменять на false
    Код:
    localStorage.setItem('state', false);
    И добавить строку в начало файла.. если состояние - окей, то октрываешь, если нет то ничего не делается, по умолчанию оно закрыто
    Код:
     if (localStorage.getItem('state') === true)
    {открыть меню}
    Правда не помню стораж работает во всех вкладках или только в той, что открыли, но суть я надеюсь понятна...
    Последний раз редактировалось evpatiy; 04.04.2013 в 23:27.
    • 1

    Спасибо сказали:

    CAst(05.04.2013),
  10. Новичок Аватар для dunaevy
    • Регистрация: 04.03.2013
    • Сообщений: 10
    • Репутация: 1
    evpatiy, Спасибо за замечание и внимание уже разобрался. Да и еще выделено красным

    Цитата Сообщение от evpatiy Посмотреть сообщение
    2. скрипт примерно похож весь функионал есть в первом

    И чуть не забыл : $(document).ready(function(){
    //весь твой код внутри этого функции быть должен,
    //она ждет пока загрузится DOM дерево и только потом запускает скрипт
    });
    Извините, что не по теме.:)
    • 1

    Спасибо сказали:

    evpatiy(06.04.2013),
Страница 5 из 14 Первая ... 34567 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
PHP/Python программирование
Создание сайтов 7 19.11.2013 19:51
Изучить Web программирование
Web программирование 20 03.06.2012 16:53
Программирование автозапуска USB флешки
Прочее 7 10.03.2012 22:49
Веб программирование на Php, MySQL, Ajax. Программирование на C#
Создание сайтов 3 31.05.2011 01:53
Веб программирование на Php, MySQL, Ajax. Программирование на C#
Реклама партнерских программ 3 31.05.2011 01:53

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры