Перенос данных
Добрый вечер дорогие форумчане!
Есть задача не знаю можно ли ее осуществить?! Имеется информация в таком типе! Страница №1 <div class="over-1">ТЕСТОВЫЙ ТЕКСТ ОДИН</div> <div class="over-2">ИНФОРМАЦИЯ ОДИН</div> <div class="over-3">ТЕКСТ ДВА</div> <a href="/stuff/1-0-0-0-1">Кнопка на другую страницу</a> Страница №2 <select size="1" class="test-1" name="filter1"> <option value="0">- выбрать -</option> <option value="1">ТЕСТОВЫЙ ТЕКСТ ОДИН</option> <option value="2">ТЕСТОВЫЙ ТЕКСТ ДВА</option> </select> <select size="1" class="test-2" name="filter2"> <option value="0">- выбрать -</option> <option value="1">ИНФОРМАЦИЯ ОДИН</option> <option value="2">ИНФОРМАЦИЯ ДВА</option> </select> <select size="1" class="test-3" name="filter3"> <option value="0">- выбрать -</option> <option value="1">ТЕКСТ ОДИН</option> <option value="2">ТЕКСТ ДВА</option> </select> Вопрос возможно ли авто заполнение селектов на второй странице при клике кнопки <a href="/stuff/1-0-0-0-1"> на первой странице?? если на странице один в <div> уже вписана альтернативная информация?? Искала подобное на форуме не смогла найти помоги пожалуйста с поиском информации по данному типу решения! Заранее большое всем спасибо! |
Если я правильно понял:
на первой странице добавьте:
document.body.onmousedown = function(t){
if((t=t.target).tagName == 'A'){
t.search = encodeURI(
JSON.stringify(
Array.prototype.map.call(
document.querySelectorAll('[class^="over-"]'),
function(el){ return el.innerHTML.trim() }
)
)
)
}
}
на второй:
window.onload = function(){
if(location.search){
var txt = JSON.parse( decodeURI( location.search.slice(1) ) );
var options = document.getElementsByTagName('option'), i = options.length;
while(i--){
if(txt.indexOf( options[i].innerHTML.trim() ) !== -1){
options[i].selected = true;
}
}
}
}
Но вообще, обычно такие вещи делают на сервере. |
Цитата:
|
Sakyra,
Спасибо большое сейчас буду пробывать))) |
Aetae,
работает спасибо вам большое все то что мне нужно))) |
Ок, тогда лучше onmousedown прописать конкретным ссылкам, примерно так:
<a href="/stuff/1-0-0-0-1" onmousedown="addSelected(event)">Кнопка на другую страницу</a>
<script>function addSelected(t){
if((t=t.target).tagName == 'A'){
t.search = encodeURI(
JSON.stringify(
Array.prototype.map.call(
document.querySelectorAll('[class^="over-"]'),
function(el){ return el.innerHTML.trim() }
)
)
)
}
}</script>
сейчас просто информация добавляется ко всем. |
Aetae,
спасибо и правда такой вариант на много лучше :thanks: |
Добрый вечер возник вопрос прощу помощи дорогие форумчане!
К примеру у меня заполнилась адресная строка таким образом сайт.ру/stuff/1-0-0-0-1?%5B"2010","Cadillac","Escalade"%5D при загрузке второй странице где идет авто заполнение селекторов у меня имеется 3 селектора Год выпуска *: В котором уже записаны все года Марка *: В котором уже записаны марки Модель *: В котором не чего нет если не заполнена марка Селект выглядит так Модель *: <select id="swF_fl" onchange="zapolnswF()"> <option>-</option> </select> как загрузилась вторая страница селекты заполняются таким образом Год выпуска *: 2010 Марка *: Cadillac Модель: - а третий селект по прежнему черточка, если выбрать любую другую марку и потом снова поставить Cadillac то селектор Модель подгружает в себя информацию, надеюсь внятно объяснила)) спасибо за внимание и прощу помощи как разобраться с этой проблемой?? |
Надо понимать третий select заполняется скриптом и изначально пустой, потому и не работает.
Могу предположить, что надо сделать так(вторая страница):
window.onload = function(){
if(location.search){
var txt = JSON.parse( decodeURI( location.search.slice(1) ) );
var selects = document.getElementsByTagName('select'), i = selects.length;
while(i--){
if(selects[i].onchange){
selects[i].onchange(); //искусственно вызываем change
}
}
var options = document.getElementsByTagName('option'), i = options.length;
while(i--){
if(txt.indexOf( options[i].innerHTML.trim() ) !== -1){
options[i].selected = true;
}
}
}
}
|
Aetae,
Спасибо большое сейчас буду пробовать ваши советы! :thanks: |
| Часовой пояс GMT +3, время: 20:19. |