Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перенос данных (https://javascript.ru/forum/misc/48534-perenos-dannykh.html)

Sakyra 07.07.2014 21:13

Перенос данных
 
Добрый вечер дорогие форумчане!

Есть задача не знаю можно ли ее осуществить?!

Имеется информация в таком типе!

Страница №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> уже вписана альтернативная информация?? Искала подобное на форуме не смогла найти помоги пожалуйста с поиском информации по данному типу решения! Заранее большое всем спасибо!

Aetae 07.07.2014 21:58

Если я правильно понял:
на первой странице добавьте:
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 07.07.2014 22:29

Цитата:

Сообщение от Aetae (Сообщение 319891)
Aetae, Но вообще, обычно такие вещи делают на сервере.

Увы использую систему Ucoz максимум php json

Sakyra 07.07.2014 22:33

Sakyra,
Спасибо большое сейчас буду пробывать)))

Sakyra 07.07.2014 22:50

Aetae,
работает спасибо вам большое все то что мне нужно)))

Aetae 07.07.2014 23:24

Ок, тогда лучше 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>
сейчас просто информация добавляется ко всем.

Sakyra 09.07.2014 08:26

Aetae,
спасибо и правда такой вариант на много лучше :thanks:

Sakyra 20.07.2014 01:16

Добрый вечер возник вопрос прощу помощи дорогие форумчане!

К примеру у меня заполнилась адресная строка таким образом
сайт.ру/stuff/1-0-0-0-1?%5B"2010","Cadillac","Escalade"%5D

при загрузке второй странице где идет авто заполнение селекторов
у меня имеется 3 селектора

Год выпуска *: В котором уже записаны все года
Марка *: В котором уже записаны марки
Модель *: В котором не чего нет если не заполнена марка

Селект выглядит так Модель *:
<select id="swF_fl" onchange="zapolnswF()">
 <option>-</option>
 </select>


как загрузилась вторая страница
селекты заполняются таким образом

Год выпуска *: 2010
Марка *: Cadillac
Модель: -

а третий селект по прежнему черточка, если выбрать любую другую марку и потом снова поставить Cadillac то селектор Модель подгружает в себя информацию, надеюсь внятно объяснила)) спасибо за внимание и прощу помощи как разобраться с этой проблемой??

Aetae 20.07.2014 04:17

Надо понимать третий 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;
            }
        }
    }
}

Sakyra 20.07.2014 21:47

Aetae,
Спасибо большое сейчас буду пробовать ваши советы! :thanks:


Часовой пояс GMT +3, время: 03:18.