Форум программистов [Powered by Invision Power Board]

Код


// BEGIN JsHttpRequest JsHttpRequest.dataReady( 
'0', // this ID is passed from JavaScript frontend '', 
{ 'q': '648', 'result': [ 
{ 'id': '18009', 'parent_id': '648', 'russian': 'Киев и Киевская область' }, 
{ 'id': '18019', 'parent_id': '648', 'russian': 'Автономная Республика Крым' }, 
{ 'id': '18018', 'parent_id': '648', 'russian': 'Винницкая область' }, 
{ 'id': '18017', 'parent_id': '648', 'russian': 'Волынская область' }, 
{ 'id': '18016', 'parent_id': '648', 'russian': 'Днепропетровская область' } ... ] 
} ) // END JsHttpRequest

Цитата(WebUser @ 15.4.2007, 13:26

)

уже бъюсь столько времени

Цитата(Alx @ 16.4.2007, 00:05)

во яндекс как скатился..

Добавлено @ 00:07

Цитата(WebUser @ 15.4.2007, 13:26

)

уже бъюсь столько времени

а ведь столько раз эту фишку делали.. даже либ готовых наверное уже с горлышком накопилось..

Цитата(WebUser @ 15.4.2007, 14:26

)

но как он дальше делает я немогу понять, ведь ещё составляется список <option></option> как они передаются?

Код

<script type="text/javascript">//<![CDATA[
window.load[window.load.length] = function(){
    $('mainform').blur();
    setDefaultValueForInput('Начало', 'education_start_year');
    setDefaultValueForInput('Окончание', 'education_end_year');
    hide('education_left_from_grade_note');
    hide('education_field_note');
            var education_degree_school = '2318';
    var education_degree_spec = '243';
    if (0) {
     if (0) {
            hide('fieldRow');
        } else {
            var faculties = new DependingSelect( 'faculties', { 
                language: 'russian', 
                multiple: false, 
                invitingOptionName: 'Выберите факультет', 
                command: '/widgets/ajax/faculties', 
                otherWord: 'Другое', 
                otherHandler: function(state) {
                 $('education_field').disabled = !state;
                 $('education_field')[state ? 'removeClassName' : 'addClassName']('disabled');
                    $('education_field').style.display = state ? '' : 'none';
                }
            } );            
            hide('leftFromGradeRow');
        }
        return;
    }
    
    
    var show = function(element) {
        var element = $(element);
        if (!element) return;
        $(element).style.display = ''
    }
    
    var toggleDegreeSchool = function (state) {
        hide('fieldRow');
        hide('universityAbbr');
        hide('leftFromGradeRow');
        hide('middleSchoolCellForm');
        show('education_school_other');
        if (state == 'middle') {
            show('leftFromGradeRow');
            show('middleSchoolCellForm');
        } else if (state == 'spec') {
            show('fieldRow');
        } else if (state == 'university') {
            show('fieldRow');
            show('universityAbbr');
        } else {
            ;
        }
    }
    

    var cmd = '';
            cmd = '/widgets/ajax/unis4list';
        toggleDegreeSchool();
        
    var countries = new DependingSelect( 'countries', { 
        language: 'russian', 
        multiple: false, 
        invitingOptionName: '- Выберите страну -'
    } );
    var regions = new DependingSelect( 'regions', { 
        language: 'russian', 
        multiple: false, 
        invitingOptionName: '- Выберите регион -', 
        command: '/widgets/ajax/regions', 
        instantSelect: true
    } );
    var cities = new DependingSelect( 'cities', { 
        language: 'russian', 
        multiple: false, 
        invitingOptionName: '- Выберите город -', 
        command: '/widgets/ajax/cities', 
        otherWord: 'Другой', 
        otherHandler: function(state) {
         $('education_city_other').disabled = !state;
         $('education_city_other')[state ? 'removeClassName' : 'addClassName']('disabled');
            $('education_city_other_row').style.display = state ? '' : 'none';
        }
    } );
    var schools = new DependingSelect( 'schools', { 
        language: 'russian', 
        multiple: false, 
        invitingOptionName: '- Выберите учебное заведение -', 
        command: cmd, 
        otherWord: 'Другое', 
        
        otherHandler: function(state) {
            $('schoolOtherRow').style.display = state ? '' : 'none';
         ['education_school_other', 
            'education_school_other_type_did', 
            'education_school_other_number', 
            'education_school_other_abbr'].each(function(id){
             $(id).disabled = !state;
             $(id)[state ? 'removeClassName' : 'addClassName']('disabled');
            });
        }
        
    } );
    var faculties = new DependingSelect( 'faculties', { 
        language: 'russian', 
        multiple: false, 
        invitingOptionName: 'Выберите факультет', 
        command: '/widgets/ajax/faculties', 
        otherWord: 'Другое', 
        otherHandler: function(state) {
         $('education_field').disabled = !state;
         $('education_field')[state ? 'removeClassName' : 'addClassName']('disabled');
            $('education_field').style.display = state ? '' : 'none';
        }
    } );
    faculties.bindToParent( schools );
    schools.bindToParent( cities );
    cities.bindToParent( regions );
    regions.bindToParent( countries );

    setDefaultValueForInput('Город, если другой', 'education_city_other');
    setDefaultValueForInput('Другое / Полное наименование', 'education_school_other');
    setDefaultValueForInput('№', 'education_school_other_number');
    setDefaultValueForInput('Другое / Аббревиатура', 'education_school_other_abbr');
    
    var degree = $('education_degree_did');
    var prevDegree = degree.value;
    
    Event.observe(degree, 'change', function (){
        switch (degree.value) {
        case education_degree_school:
            schools.setCommand('/widgets/ajax/schools4list');
            toggleDegreeSchool('middle');
            break;
        case education_degree_spec:
            schools.setCommand('/widgets/ajax/colleges4list');
            toggleDegreeSchool('spec');
            break;
        case '0':
            schools.setCommand('/widgets/ajax/unis4list');
            toggleDegreeSchool();
            break;
        default:
            if (prevDegree != education_degree_school && prevDegree != education_degree_spec && prevDegree != '0') break;
            schools.setCommand('/widgets/ajax/unis4list');
            toggleDegreeSchool('university');
        }
        prevDegree = degree.value;
    });
    
};
//]]>
</script>

Цитата(WebUser @ 16.4.2007, 07:50

)

Не подскажите по каким запросам искать?

Цитата

http://www.thefutureoftheweb.com/blog/2006/5/using-ajax-without-server-side-scripting

Код


// BEGIN JsHttpRequest JsHttpRequest.dataReady( 
'0', // this ID is passed from JavaScript frontend '', 
{ 'q': '648', 'result': [ 
{ 'id': '18009', 'parent_id': '648', 'russian': 'Киев и Киевская область' }, 
{ 'id': '18019', 'parent_id': '648', 'russian': 'Автономная Республика Крым' }, 
{ 'id': '18018', 'parent_id': '648', 'russian': 'Винницкая область' }, 
{ 'id': '18017', 'parent_id': '648', 'russian': 'Волынская область' }, 
{ 'id': '18016', 'parent_id': '648', 'russian': 'Днепропетровская область' } ... ] 
} ) // END JsHttpRequest

Цитата(WebUser @ 16.4.2007, 14:23

)

что я не так делаю?

Цитата(WebUser @ 16.4.2007, 14:23

)

вариант неплохой, но всёже это не то, там данные поступают без value, только имена. А ведь должно получится таким образом <option value="4">Москва</option>

Цитата(WebUser @ 15.4.2007, 14:26

)

Когда выбираешь страну, скрипт даёт команду PHP скрипту вывести список регионов из БД MySQL
если выбираешь регионы то PHP скрипт должен вывести из БД города, точно также как на том сайте

Код

[
    { id: 0, name: 'Россия' },
    { id: 1, name: 'США' },
    { id: 2, name: 'Украина' }
]

Код

[
    { id: 0, name: 'Центральный' },
    { id: 1, name: 'Северозападный' },
    { id: 2, name: 'Бла бла бла' }
]

Код

[
    { id: 0, name: 'Питер' },
    { id: 1, name: 'Москва' },
    { id: 2, name: 'Урюпинск' }
]

Код

<form>
    <select id="countries" onchange="beginLoad ('regions');">
    </select>

    <select id="regions" onchange="beginLoad ('cities');">
    </select>

    <select id="cities">
    </select>
</form>

Код

function load (url, callback) {
    var httpObj = false;
    if (typeof XMLHttpRequest != 'undefined') {
        httpObj = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        try{
            httpObj = new ActiveXObject('Msxml2.XMLHTTP');
        } catch(e) {
            try{
                httpObj = new ActiveXObject('iMicrosoft.XMLHTTP');
            } catch(e) {}
        }
    }
    if (!httpObj) return;

    httpObj.onreadystatechange = function() {
        if (httpObj.readyState == 4) { // when request is complete
            callback(httpObj.responseText);
        }
    };
    httpObj.open('GET', url, true);
    httpObj.send(null);
}

fillSelect (elementId, JSON) {
    var select = document.getElementById (elementId);

    while (select.options.length) {
        select.options[0] = null;
    }

    var data = eval(JSON);
    for (var i = 0; i < data.length; i++) {
        select.options[select.options.length] = new Option(data[i].id, data[i].name);
    }
}

beginLoad (elementId) {
    switch (elementId) {
        case "countries":
            load ("countries.php", function (response) { fillSelect ("countries", response); });
            break;
        case "regions":
            var countries = document.getElementById ("countries");
            load ("regions.php?country=" + countries.options[countries.options.selectedIndex].value , function (response) { fillSelect ("regions", response); });
            break;
        case "cities":
            var regions = document.getElementById ("regions");
            load ("cities.php?region=" + cities.options[cities.options.selectedIndex].value , function (response) { fillSelect ("cities", response); });
            break;
    }
}

Код

function onLoad () {
    beginLoad ("countries");
}

Цитата(WebUser @ 17.4.2007, 13:20

)

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

Цитата

countries.php
Возвращает список стран в таком виде:

Код


[
    { id: 0, name: 'Россия' },
    { id: 1, name: 'США' },
    { id: 2, name: 'Украина' }
]

Цитата(WebUser @ 20.4.2007, 11:40

)

я ведь JS вообще не изучал ни сколько

Цитата(andro_id @ 24.4.2007, 16:54

)

А как с помощью php получить выборку из БД такого вида?

Код


echo "[";
  // для каждой страны
  // где id -- её ID, name -- имя
  echo "{ id: " . id . ", name: " . name . "}, "
echo "]";