Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: нужна помощь по jQuery resize

Добрый день! Кто может помочь или подсказать как при изменении размеров браузера объекты трансформировались без перезагрузки страницы. Кое что нашел и вот что получилось, теперь у меня при уменьшении размеров окна браузера объекты становятся как нужно, но теперь при увеличении размера окна, без перезагрузки страница не принимает исходный вид.
вот код:

<script type="text/javascript">
var resizeok = 0;
$(window).resize(function() {
var winBr = $(window).width();
if (winBr < 1000 && resizeok == 0) {
resizeok = 1;
$("#advantages .container").wrapInner($("<div class='owl-carousel-mob'></div>"));

$('.owl-carousel-mob').owlCarousel({
loop: false,
margin: 15,
nav: true,
items: 1,
})

}
else {

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

};
});
</script>

Заранее благодарен.
Ответ:
vadia
что нужно сюда вписать что бы при увеличении размера окна сайт принял исходный вид

Нужно туда написать
нужные слова
Абра швабра кадабра!
Встань сайт какой ты был раньше!!!

Читать все 2 сообщений
Вопрос: Как с помощью JQuery вызывается метод в сервлете Java?

Господа, подскажите как с помощью JQuery вызывается метод в сервлете Java? Задача у меня следующая, считать с HTML разметки параметр с помощью JQuery и передать его на обработку в сервлет. Со вторым возникли вопросы! Заранее спасибо!
Ответ: На сервере простенький метод с SQL запросом! Охота быстрее сдать просто, разбираться с JQuery уже времени нет.
Java(TM) 2 Platform Standard Edition 5.0
1
2
3
4

public static void Delete(int id) throws SQLException{
Statement state = connect.createStatement();
res = state.executeUpdate("Delete FROM empl WHERE e_id = " +id+";");
}
Читать все 4 сообщений
Вопрос: Как с помощью jQuery получить текст из li

<ul>
  <li>Folder 1</a>
    <ul>
      <li>Folder 2
        <ul>
          <li><a href="#">Sub Item</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Как с помощью jQuery получить в отдельные переменные тексты
"Folder 1"
"Folder 2"
"Sub Item"
Ответ:
Сообщение от jasper-blondin
А какова причина отказа от использования регулярных выражений?
Не шарит он в них походу.
Читать все 9 сообщений
Вопрос: Задача правильной ширины блоку при перетаскивание с помощью jquery ui

Как задать динамически изменяемую ширину блоку, при перетаскивание его с помощью jquery ui.
На скрине виден блок перетащенный с помощью jquery ui (Draggable & Sortable).
Нужно, чтоб его ширина менялась динамически (чтоб кнопки, которые спава были выравнены )
Ответ: Arx777,
лучше макет рабочий чем мутный скрин
Читать все 2 сообщений
Вопрос: Нужна помощь (голосование без перезагрузки)

Нужна помощь, в реализации лайк/дизлайк без перезагрузки.
CODE (javascript):

  1.  
  2. <script>
  3. $(document).ready(function() {
  4.         $('span#like').click(function(){
  5.                 setVote('like', $(this));
  6.         });    
  7.         $('span#dislike').click(function(){
  8.                 setVote('dislike', $(this));
  9.         });    
  10. });
  11. function setVote(type, element){
  12.         // получение данных из полей
  13.         var id_news = element.parent().find('#id_news').val(); 
  14.         $.ajax({               
  15.                 type: "POST",
  16.                 url: "../../ajax_votes.php",
  17.                 data: {
  18.                         'id_news': id_news,
  19.                         'type': type
  20.                 },
  21.                 dataType: "json",                    
  22.            $('#bb').html(data.newvalue); // водим результат в нужное место          
  23.                         // в случае, когда пришло success. Отработало без ошибок
  24.                         if(data.result == 'success'){
  25.                        
  26.                         }else{
  27.                                 // вывод сообщения об ошибке
  28.                                 alert(data.msg);
  29.                         }
  30.                 }
  31.         });
  32. }
  33. </script>
  34.  


Обработчик PHP
PHP:

  1.  
  2. include ("inc/functions.php");
  3. $error = false;
  4. $newsId = (int) $_POST['id_news'];
  5. $type = $_POST['type'];
  6.  $stm  = db_connect()->prepare("SELECT * FROM `pozdravleniya` WHERE id=:id LIMIT 1");      
  7.  $stm->execute(('id'=>$newsId));      
  8.  $data = $stm->fetch();
  9.         if($type == 'like') {
  10.            $like=$data['counts']+1;
  11.            $stm  = db_connect()->prepare("UPDATE pozdravleniya  SET counts=:like WHERE id=:id");
  12.         $stm->execute(('like'=>$like, 'id'=>$newsId));
  13.         }
  14. if($error){
  15.         // если есть ошибки то отправляем ошибку и ее текст
  16.         echo (('result' => 'error', 'msg' => $error));
  17. }else{
  18.         // если нет ошибок сообщаем об успехе
  19.         echo (('result' => 'success', 'newvalue' => $like));
  20. }
  21.  


И вывод результата:
PHP:

  1.  
  2. echo"<table border=0 width=100% class='p_table'><tr>";
  3.   $x=0;              
  4.     while ( $info = $stm->fetch() ){                                
  5.       $x++;        
  6. echo "<td width='40%' valign=top bgcolor=#ffffff><div class='p_text'>".$info['text_p']."".$adm_edit." <br><div class='likes'><div id=bb>".$info['counts']."</div></div><span id='like'><img src='$dom/img/like.png' class='like' title='Нравится :)'/></span><img src='$dom/img/unlike.png' class='dislike' title='Не нравится :('/>
  7.      <br/> <input type='hidden' id='id_news' value=".$info['id'].">
  8.      </div></td></td>";
  9.       if ($x==2){
  10.         echo "</tr>";
  11.         $x=0;
  12.       }                      
  13.  }                                    
  14. echo"</table>";


Все работает и заносит в базу новые значения без перезагрузки, НО, почему то новые значения обновляются только в одном блоке (блок выделен чифрой 1), а не там где нажал. Например, нажимаю на лайк где цифра 2 (значение 33) оно обновляется но в блоке под цифрой 1
Мне кажется что я не правильно делаю вывод уже новых значение.
Прошу Вашей помощи!
Прикреплено изображение (Нажмите для увеличения)

Ответ:
Это так в PDO передается переменная
PHP:

  1. $stm->execute(('id'=>$newsId));

Id - мне нужно для того что бы записать значение сколько раз я кликнул (like) для определенного поздравления. Запись производится в базу все ровно, туда куда кликнул и относится к нужному тексту.
Ниже запрос и ответ при кликаз на блок 1 и блок 2
Прикреплено изображение (Нажмите для увеличения)

(Отредактировано автором: 30 Ноября, 2016 - 20:30:27)

Читать все 3 сообщений
Вопрос: Нужна помощь с калькулятором

Здравствуйте! Нужна помощь с калькулятором. Нужно чтобы он рассчитывал следующим образом. (ширина * высота) * стоимость товара.
// JavaScript Document
$(document).ready(function() {
	$("#tableSelect").change(function() {
		var totalSum = 0;
		$("input[id^='pos'], select[id^='pos']").each(function() {
			var idElement = "#"+$(this).attr("id"),
		priceField1 = parseFloat($(idElement+"_price1").text())||0, 
		countField1 = parseFloat($(this).val())||0; 
var res = (priceField1 * countField1)|0;
 $(idElement+"_count1").text(res);
            totalSum += res;
		});
		$("#count_price1 span").text(totalSum);
	});
});



<div id="tableSelect" >
Ширина
<input id="pos_4" type="text" class="vertical"></input></br>
Высота
<input id="pos_4" type="text" class="vertical"></input></br>
 <div style="display: none;" id="pos_4_price1" type="text" class="vertical">10</div></br>

 <div id="ret">
Стоимость изделия: <div id="pos_4_count1">0</div></div>

			<div id="hp3">Установка</div>

			<div style="display: none;" id="pos_5_price1" type="text" class="vertical">1</div></br>
			            	<select id="pos_5" name="veduschiy">
                	<option value="0" selected>-</option>
                	<option value="150">Да</option>
 </select></br><div id="ret">
 Стоимость: <div id="pos_5_count1">0</div></div>
 <div id="count_price1"><p>Итого: <span></span> руб.</p></div></div>
Ответ: С проблемой разобрался спасибо за помощь.
Читать все 7 сообщений
Вопрос: Нужна помощь по коду. Подробнее в уточнении.

Добрый день! Нужна помощь по коду . Нужно таблицу сделать активным. То есть например при нажатии любой строки можно было изменять ее. Подробнее в коде: codepen.io/Sirius89/pen/gWNgdP. Объясните как сделать элементы в массиве активными чтобы при нажатии на строку в таблице выходило в марке, модели строка ввода а в остальных трех то есть в годе выпуска, цвете и цене выходил select для выбора данных для ввода в таблицу. И потом чтоб все это можно было сохранить. Заранее благодарю!
Ответ: Ок, благодарю за помощь !
Читать все 9 сообщений
Вопрос: Нужна помощь - чтобы скрипт обрезал ссылку до домена

здравствуйте, нужна помощь - как прописать в скрипте:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script>
        jQuery(function($) {
            newsImg = $(".news img");
            newsImg.after(function(){
                imgSrc = $(this).attr("src");

               if (imgSrc) return "<p>Credit: "+imgSrc+"</p>";
            });
        });
    </script>

чтобы он выводил ссылку обрезанную до домена и активную

тоесть сечас выводит
Credit:

а надо
Credit: домен.com
Ответ: Спасибо! теперь все ок!
Читать все 7 сообщений
Вопрос: Срочно нужна помощь в Jquery

Такое дело!
Создаю одностраничный сайт,
В нем есть Слайдер и форма обратной связи.
Слайдер требует (Jquery 1.7.1) и форма обратной связи требует (Jquery 1.11.2),
Вопрос: как подключить 2 Jquery ?


Пробывал убирать старую версию Jquery,
но не работает слайдер, без старой Jquery
а форма не работает без новой!
Ответ:
найди другой слайдер.
Читать все 2 сообщений
Вопрос: подключить код jQuery

Нужна помощь . напишите пожалуйста последовательность как подключить этот код чтоб он заработал.



<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$('#repPass').change(function() {
var pass = $("#pass").val();
var pass_rep = $("#repPass").val();

if (pass != pass_rep) {
$("#repPass").css('border', 'red 1px solid');
$('#errorBlock').html('Пароли не совпадают');
}
});
});
</script>
<div id="errorBlock"></div>
Введите пароль: <input type="password" id="pass" />. Повторите пароль: <input type="password" id="repPass" />.
Ответ: sadovoimikhail,
HTML5
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

<!DOCTYPE html>
<html lang="ru">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function() {
        $('#repPass').change(function() {
            var pass = $("#pass").val();
            var pass_rep = $("#repPass").val();
 
            if (pass != pass_rep) {
                $("#repPass").css('border', 'red 1px solid');
                $('#errorBlock').html('Пароли не совпадают');
            }
        });
    });
    </script>
    <div id="errorBlock"></div>
    Введите пароль:
    <input type="password" id="pass" />. Повторите пароль:
    <input type="password" id="repPass" />.
</body>
 
</html>
Добавлено через 4 минуты
sadovoimikhail, если вы такой вопрос задали, то наверное вам будет так лучше, джиквери подключим с cdn
HTML5
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

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <script type="text/javascript" src='https://yastatic.net/jquery/3.1.0/jquery.min.js'></script>
    <script>
    $(document).ready(function() {
        $('#repPass').change(function() {
            var pass = $("#pass").val();
            var pass_rep = $("#repPass").val();
 
            if (pass != pass_rep) {
                $("#repPass").css('border', 'red 1px solid');
                $('#errorBlock').html('Пароли не совпадают');
            }
        });
    });
    </script>
    <div id="errorBlock"></div>
    Введите пароль:
    <input type="password" id="pass" />. Повторите пароль:
    <input type="password" id="repPass" />.
</body>
 
</html>
Читать все 3 сообщений