Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: нужна помощь по 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
что нужно сюда вписать что бы при увеличении размера окна сайт принял исходный вид

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

Вопрос: Как с помощью 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+";");
}
Вопрос: Как с помощью 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
А какова причина отказа от использования регулярных выражений?
Не шарит он в них походу.
Вопрос: Задача правильной ширины блоку при перетаскивание с помощью jquery ui

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

Нужна помощь, в реализации лайк/дизлайк без перезагрузки.
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)

Вопрос: Нужна помощь с калькулятором

Здравствуйте! Нужна помощь с калькулятором. Нужно чтобы он рассчитывал следующим образом. (ширина * высота) * стоимость товара.
// 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>
Ответ: С проблемой разобрался спасибо за помощь.
Вопрос: Нужна помощь по коду. Подробнее в уточнении.

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

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

<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
Ответ: Спасибо! теперь все ок!
Вопрос: Срочно нужна помощь в Jquery

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


Пробывал убирать старую версию Jquery,
но не работает слайдер, без старой Jquery
а форма не работает без новой!
Ответ:
найди другой слайдер.
Вопрос: подключить код 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>