Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Как прикрепить в теме внутренние страницы к меню темы?

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

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

А мне нужно тоже сделать многостраничный сайт на Вордпрессе и я не знаю где в консоли вордпресса создавать внутрение страницы чтоб их можно было привязать к href Меню и тут же в консоли редактировать без надобности подключаться через фтп клиент для редактирования ихэ содержания.


Вот пример модель главной страницы и 2х внутренних.Для примера как это можно реализовать на вордпрессе чтоб те внутренние страницы можна было редактировать в консоле.(у меня на практике аж сотня внутренних страниц).


код главной страницы menu.html
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
31
32
33
34
35
<html>
<head>
 
<title>Меню_Главная</title>
 
<meta charset="utf-8">
 
 
<style>
 
#menu{color:white;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt2.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
 
 
Контент главной страницы
 
 
</body>
</html>
файл punkt1

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
 
<title>Страница 1</title>
 
<meta charset="utf-8">
 
 
<style>
 
body{background: yellow;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt1.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
<div style="white-space:pre">
  Контент страницы
Контент страницы
КонтенмКонтент страницы
т страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
</div>
 
 
</body>
</html>
файл пункт2

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<html>
<head>
 
<title>Страница 2</title>
 
<meta charset="utf-8">
 
 
<style>
 
body{background: green;}
 
 
</style>
 
</head> 
 
<body>
 
    <div id="menu">
 
<ul>
    <a href="punkt1.html"><li>Пункт меню 1</li></a>
   <a href="punkt2.html"><li>Пункт меню 2</li></a>
 
</ul>
 
   </div>
<div style="white-space:pre">
  Контент страницы 1
Контент страницы
КонтенмКонтент страницы
т страницы
Контент страницы2
Контент страницы
Контент страницы
Контент страницы
Контент страницы
Контент страницы
</div>
 
 
</body>
</html>
Ответ: Зайти в раздел Страницы в админ-панели, создать нужные страницы с нужным содержимым, затем перейти в раздел Внешний вид -> Меню и добавить их в меню сайта.
Вопрос: Обработчик данных с другой страницы

Господа, добрый день. Прошу вашей помощи в следующем вопросе:

Срочно понадобился инструмент, который мог бы облегчить работу с данными с другой страницы. Вот надо мне взять с определённой страницы много данных. По сути, мне нужна какая-то библиотека, которая умеет искать по заданному адресу элементы по указанным атрибутам и выдавать значения других атрибутов и самого элемента.

Например есть такое на одной странице:

<div class="covSmallHeadline"><img src="http://static.hltv.org//images/flag/tr.gif" alt=""> <a href="/?pageid=173&amp;playerid=11241">Bora <b>'Maikox'</b> Igci</a></div>


и этот код мне надо изначально найти, желательно по атрибутам типа id или class и после этого получить данные типа
"covSmallHeadline":[{"img" : "http://static.hltv.org//images/flag/tr.gif", "a" : "Bora" }]
Не обязательно json, пойдёт что угодно, главное это возможность найти и получить эти данные. Я уже начал делать это своими силами, но понял, что я умру скорее. Предстоит работа с более чем сотней страниц, а они почти все разные.

Я надеюсь Вы поняли, что я имею в виду и поможете мне. Спасибо за внимание.
Ответ: 1-е массив адресов cтраниц
2-е - функция Аякс-запроса данных по заданному Адресу
3-е - поисковый запрос, преобразованный в селектор поиска
4-е поиск по DOM
Вопрос: Подгрузка данных с другой страницы после клика

Есть кусок кода подгружающий данные из других страниц из класса .country, он работает нормально, но....
HTML5
1
<div id="loadcontent$NUMBER$">Загрузка...</div>
Javascript
1
2
3
4
5
<script type="text/javascript"> 
    $.get('$ENTRY_URL$', function (data) { 
    $('#loadcontent$NUMBER$').html( $('.country', data).html() ) 
        }); 
</script>
Как дополнить скрипт, что бы он выполнялся только после нажатия на ссылку (кнопку), а то при открытии страницы со скриптом, он сразу грузит все данные, отсюда переизбыток get запросов. В общем нужно чтобы данные загружались после клика и отправлялись в отведенное им место.

А в идеале, данные загруженные таким способом нужно как то вставить в другой скрипт (данными является обычный текст URL с расширением, например . Данные в другом скрипте должны иметь вид обычного текста и разумеется вставив в скрипт HTML код:
HTML5
1
<div id="loadcontent$NUMBER$">Загрузка...</div>
скрипт не воспримет его правильно.
Ответ: Спасибо!
Вопрос: Замена обновленных данных с другой страницы

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

myRes()
setInterval(myRes, 5 * 1000 );

function myRes() {
	$(document).ready(function() {
		$.get('http://mysite.ru', onAjaxSuccess);
		function onAjaxSuccess(data){
			$('table:eq(4)', data).prependTo('body');
		};
	});	
};


Не обязательно чтоб они обновлялись каждые 5 сек, даже лучше будет чтоб они обновлялись при других кликах на странице, я к сожалению так и не смог понять как это делается(((
Ответ:
Сообщение от ksa
Я не в курсе твоих доступов к разметке хтмл... Обычно разметку сразу делают удобной для работы с ней.
я делаю расширение для хрома, обе этих страницы не мои и доступа у меня к изменению их хтмл нет.

вариант с "тиместамп" я как понимаю для меня тоже не подходит, т.к. его может поставить только хозяин страницы с таблицей, или я не правильно понял вас.

а насчет ИД я имел ввиду вставлять его когда получаю таблицу и вставляю ее на страницу, что то вроде:
$('table:eq(4)', data).attr('id','myres');

но это не работает, может потому что не возможно, а может я не правильно пишу. Ну вот и хотелось бы узнать возможно ли это в принцыпе в моем случае?
Вопрос: Отправка данных на другую страницу и возврат обратно

Всем привет, нашёл скрипт который при нажатии на ссылку с определённым id - отправляет данные в обработчик и возвращающий ответ.
Появилась потребность передавать данные не с одной ссылки, а с разных.
Прописываю несколько ссылок(их может быть очень много).
Как принимать ссылку и передавать её значение?

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
31
<script>
$(document).ready(function(){
    $("#xxx").click(function(){
        // собираем данные с формы
        var name     = $('#xxx').data('id');
        // отправляем данные
        $.ajax({
            url: "action.php", // куда отправляем
            type: "post", // метод передачи
            dataType: "json", // тип передачи данных
            data: { // что отправляем
                "name":     name
            },
            // после получения ответа сервера
            success: function(data){
                    $("#result").html(data.result);// выводим ответ сервера
                }
            }
        });
    });
});
</script>
 
<a href="javascript:void(0)" id="xxx" data-id="1">Значение 1</a>
<a href="javascript:void(0)" id="xxx" data-id="2">Значение 2</a>
<a href="javascript:void(0)" id="xxx" data-id="3">Значение 3</a>
<a href="javascript:void(0)" id="xxx" data-id="4">Значение 4</a>
<a href="javascript:void(0)" id="xxx" data-id="5">Значение 5</a>
<a href="javascript:void(0)" id="xxx" data-id="6">Значение 6</a>
............
<a href="javascript:void(0)" id="xxx" data-id="N">Значение N</a>
Добавлено через 1 минуту
Работает только первая ссылка
Ответ:
Сообщение от Milordas_
Мне бы подсказал кто-нибудь
Именно это я и сделал.
Сообщение от Milordas_
в js вообще ничего не понимаю
А этот вопрос к JS относится во вторую очередь. Элемент у которого id="xxx", может быть только один, а у вас их N-ное количество. Измените на класс:
HTML5
1
2
3
<a href="" class="xxx" data-id="1">Значение 1</a>
<a href="" class="xxx" data-id="2">Значение 2</a>
<a href="" class="xxx" data-id="3">Значение 3</a>
И, соответственно, селектор в JS:
Javascript
1
2
3
4
$(".xxx").click(function(e){
    e.preventDefault();
    // ... остальной ваш код
});
Вопрос: Передача id на другую страницу

Новичек в JS.
не получается перекинуть id на другую страницу не выводится {alert('Товар добавлен')}в конце
Код 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
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
    <script type="text/javascript">
    $(document).ready(function(){
        $(".crt a").click(function(){
            var parent=$(this).parent().parent();
         var ids=parent.find('input').val();
 alert(1);
                $.ajax({
                    type: "POST",
                    url: "cart.php",
                    data: {id: ids},
                    success: function(data){alert('Товар добавлен')}
                });
                
 
                return false;
            
        });
     });
 
    </script>
</head>
Код 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<body>
<table class="productions" width="200px" border=0px align="center" cellpadding="1" cellspacing="0">
    <tr>
        <td   valign="middle">
    <a href="#" class="product-title"><?php echo $product['title']?></a>
        </td>
    </tr>
<tr>
        <td class="product-image" valign="middle" align="center">
        <a href="#" ><img src="userfiles/<?php echo $product['image']?>" alt=""></a>
 
        </td>
</tr>
<tr>
        <td class="price" valign="middle" align="center">
    <div>Цена: <?php echo $product['price']?></div>
        </td>
</tr>
<tr>
        <td class="cart" valign="middle" align="center">
        <div class="crt">
      <p>  <input type="text" value="<?php echo $product['id']?>"/></p>
<p><a href=""  class="cart" >В корзину</a></p>
</div>
        </td>
 
        
  
</tr>
 
</table>
 
 
     
<table class="description">
   <tr>
<td  align="top" valign="left">
  <div class="desc">
    Описание:
        </div>
        </td>
   </tr>
   <tr>
    
   
   
   
      <td   valign="middle">
    
    <div class="descvalue"><?php echo $product['description']?></div>
        </td>
    </tr>
 
    </table>
    
    
    
    <b id="characteristic">Характеристики:</b>
    <br />
    <table class="parametrs_table">
     <?php
   unset($item);
    $param=show_descr($id);
   foreach($param as $item):?>
   <tr style="border: 1px solid red">
<td id="tdparam"><?php echo $item['param']?></td>
<td style="border: 1px double red;"></td>
        <td id="tdparamvalue"><?php echo $item['value']?></td>
   </tr>
   <? endforeach; ?>
    </table>
    </body>
Ответ: ApocaU, проверьте, что в консоли.
Распечатайте переменные в консоли при помощи
Код Javascript
1
console.log( переменная );
Вопрос: Перенос данных на другую страницу из формы

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

Ну и код
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
jQuery(document).ready(function() {
    $('#reg_submit').click(function(){
        console.log('run main script');
        var name = $('#name').val(),
            phone = $('#phone').val(),
            email = $('#email').val(),
            massage = $('#massage').val(),
            fail = false;
        if (name == "" || name == " "){
            fail = 'Вы не ввели имя'
        }
        else if(phone == "" || phone == " "){
            fail = 'Вы не ввели телефон'
        }
        else if(email == "" || email == " "){
            fail = 'Вы не ввели email'
        }
        else if($("#trust").is(":not(:checked)")){
            fail = 'Вы не доверяете нам?'
        }
        if (fail){alert(fail)}
        else{
            window.location.replace('form.html');
        }
    });
});


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>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src='../jquery-2.1.4.min.js'></script>
  <script src="main.js"></script>
 
</head>
<body>
 
    <div>
    <form action="" id="reg_form">
    <label for="name">Имя</label>
    <input type="text" name="name" id="name"><br><br>
    <label for="phone">Телефон</label>
    <input type="text" name="phone" id="phone"><br><br>
    <label for="email">email</label>
    <input type="text" name="email" id="email"><br><br>
    <p>Введите сообщение</p>
    <textarea name="message" id="message" cols="30" rows="10" id="massage"></textarea><br><br>
    <label for="delivery">Подписаться на рассылку</label>
    <input type="checkbox" name="delivery" id="delivery"><br><br>
    <label for="trust">Доверяю рессурсу</label>
    <input type="checkbox" name="trust" id="trust"><br><br>
    <input type="button" id="reg_submit" value="Отправить">
    </form>
  </div>
</body>
</html>

За отсутствие регуляров и кривость не бейте....
Ответ: вы из textarea текст вытаскиваете с помощью .html() ?
для примера
Javascript
1
2
3
4
5
6
var t = '<textarea>';
console.log($(t).text('test').val());             // Prints test
console.log($(t).val('too').text('test').val());  // Prints too
console.log($(t).val('too').text());              // Prints nothing
console.log($(t).text('test').val('too').val());  // Prints too
console.log($(t).text('test').val('too').text()); // Prints test
Вопрос: Получение массива данных с другой страницы

Есть ли возможность получить массив данных вида:
&#8194;&#8194;&#8194;&#8194;"userId": 1,
&#8194;&#8194;&#8194;&#8194;"id": 1,
&#8194;&#8194;&#8194;&#8194;"title": "one",
&#8194;&#8194;&#8194;&#8194;"body": "two" 

c другой страницы (по ссылке), на js и без использования фреймворков?
Ответ: justajoke,

ajax запрос можно реализовать и на чистом js

а массив лучше ввиде json передавать
Вопрос: Отобразить данные формы на другой странице

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

есть форма на первой странице html. нужно ввести данные в форму, а затем с помощью кнопки отправить вывести все данные, которые я ввел на другой странице (введенные данные хранятся в ассоциативном массиве). Каждый раз когда я буду нажимать кнопку отправить данные с формы, прошлая информация должна удаляться и вместо нее должны быть отображены новые данные, которые я ввел в форме.
Первое поле - ФИО, должно сохранятся каждый раз, когда оно изменяется и выводится в виде ненумерованного списка отдельно от другой информации (отдельно от других полей формы). нужно сделать с помощью JS.
вот что есть.
Ответ: Нельзя в рамках JS принять на другой странице POST данные, только GET. Пример я же вам и написал, а передать можно либо формой, либо сформировать url запроса, который присвоить объекту location. Например, пусть страница 1.html имеет форму:
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body>

<form action="2.html">
    <input name="key1" value="11" />
    <input name="key2" value="22" />
    <input type="submit" value="Send" />
</form>

</body> 
</html>

При ее отправлении (а по умолчанию это отправка методом GET), будет запрошена страница 2.html с передачей параметров запроса. Отправьте форму и увидите url в адресной строке браузера.
Страница 2.html содержит JS-сценарий, который получает из url параметры запроса - имена полей формы и их значения:
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body>
<div id="name"></div>
<script>
    var data = location.search.substring(1).split('&'), s = '';
    while(d = data.shift()) { 
        d = d.split('=');
        s += 'Key: ' + d[0] + ', valye: ' + d[1] + '<br>';
    }
    document.getElementById('name').innerHTML = s;  
</script>
</body> 
</html>

Если же создается некий объект (в JS нет вообще ассоциативных массивов, есть объекты), то нужно этот объект преобразовать в строку GET-параметров:
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body>
<script>
var o = {
    key1 : 11,
    key2 : 22
}, a = [];
//формируем параметры запроса
for(k in o) a.push(k + '=' + o[k]);
//отправляем запрос
location.href = '2.html?'+a.join('&');
</script>
</body> 
</html>
Вопрос: Передача полученных данных ajax на другую страницу.

Привет всем. Есть такая проблема:
получаю данные посредством ajax
function updateTable(from, to, qSortTx) {
		emIsAjax = true;
		
		var getData = {
				action: 'exchangers_monitoring',
				tz: 'ok',
				script: 'valute',
				f: from,
				c: to,
				q: qSortTx
			};
			
		jQuery.ajax({
			type: 'POST',
			url: globalAJAXURL,
			data: getData,
			success: function(data) {	
				jQuery('#exchangers_plugin').replaceWith(data);
				initOtherPages();
				initShowAll();
				initTips();
				initDoubleExchange();
				initAdditionalAJAXActions();			
			}
		});	
	}


как эти данные передать на страницу в блок
<div id="box"></div>


Спасибо.
Ответ:
Сообщение от pekinessik
как эти данные передать на страницу в блок
Серверу что это проблематично сделать? Передавать то ничего и не надо ибо эти данные формирует сервер, куда интереснее вопрос когда и как вызывается указанная страница.