Форум

Simones · #1 (**permalink**) 13.02.2013, 17:04

Здравствуйте, товарищи ! Борюсь с проблемой уже 2-ые сутки - бестолку

. PS:добился только того, что скрипт стал работать в хроме(unix&win).
Суть: 1.страницы загружаются аяксом вот так:
$.ajax({
url: "/Линк.html" ,
cache: false,
success: function(html){
$("#one").show();
}
});
2. В Линк.html выполняется такое:
<div id = "1" onclick="Show('two'); $(input1).val(1); ">
<font id="message">
<strong>Текст</strong>
</font>
<br />
<font id="date">
Дата
</font>
<br />
<br />
</div>

<div id = "2" onclick="Show('two'); $(input1).val(2); ">
<font id="message">
<strong>Текст</strong>
</font>
<br />
<font id="date">
Дата
</font>
<br />
<br />
</div>
//Ф-я Show:
function Show(id,type){
var status = $(id).css('display');

if(status == 'none'){
if(!type)
$(id).slideDown('normal');
else
$(id).show();
}
//

3. Тот самый элемент "two":
<div id='two' style="display:none">
<textarea id="text1"></textarea>
<br/><br/>
<input id="input1" maxlength="40"/>
<br /><br />
</div>

4. Сама проблема в том, что при перезагрузке страницы (без аякса)
в поле #input1 добавляет значение "1" или "2" (c $(input1).val(1); и $(input1).val(2); соотв.). А при загрузке ч-з аякс выполняется только 1 раз: т.е. при нажатии выполняется а при перезагрузке страницы ч-з аякс - уже не выполняется...
Консоль ошибок пуст, так что не знаю даже на что грешить.
Прошу Вашей помощи и советов

Спасибо за внимание...

Deff · #2 (**permalink**) 13.02.2013, 17:09

Simones,
Аякс не подгружает скрипты
Выносите функцию на исходную страницу

function Show(id,type){
 var status = $(id).css('display');

 if(status == 'none'){
 if(!type)
 $(id).slideDown('normal');
 else
 $(id).show();
 }

Simones · #3 (**permalink**) 13.02.2013, 17:21

Сообщение от Deff

Simones,
Аякс не подгружает скрипты
Выносите функцию на исходную страницу

function Show(id,type){
 var status = $(id).css('display');

 if(status == 'none'){
 if(!type)
 $(id).slideDown('normal');
 else
 $(id).show();
 }

спасибо, уже пытался - не работает.
UP: использую Jquery...
UP2: даже в IE8.0 работает - я в шоке ))

Deff · #4 (**permalink**) 13.02.2013, 17:32

Simones,
Ccылка на тестовую инет-страницу есть ?

Simones · #5 (**permalink**) 14.02.2013, 12:06

Вместил все в 2 странички:
1) Главная

<!DOCTYPE html>
<head> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 

<script type="text/javascript" src="/styles/js/jquery.js"></script>    
<script>
function op(id,type){
    var status = $(id).css('display');
    
    if(status == 'none'){
        if(!type)
           $(id).slideDown('normal');
        else
           $(id).show();
    }

}


        function show()  
        {  
            $.ajax({  
                url: "lin.html",  
                cache: true,  
                success: function(html){  
                    $("#main").hide().show().html(html);  
                }  
            });  
        }  
</script>   
</head>
<body>
<button type="submit" onclick="show()">Link</button>
<div id="main"></div>   
</body>
</html>

2) Подгружаемая ч-з аякс

<!DOCTYPE html>
<head> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 

<script type="text/javascript" src="/styles/js/jquery.js"></script>    

<script>
function op(id,type){
    var status = $(id).css('display');
    
    if(status == 'none'){
        if(!type)
           $(id).slideDown('normal');
        else
           $(id).show();
    }

}
</script>
</head>
<body>
<div id = "1" onmouseover="op(two); $(input1).val(1); ">
<font id="message">
<strong>Текст</strong>
</font>
<br />
<font id="date">
Дата
</font>
<br />
<br />
</div>

<div id = "2" onmouseover="op(two); $(input1).val(2); ">
<font id="message">
<strong>Текст</strong>
</font>
<br />
<font id="date">
Дата
</font>
<br />
<br />
</div>


<div id='two' style="display:none">
<textarea id="text1" />asdasdsdf</textarea>
<br/><br/>
<input id="input1" value="0" maxlength="40"/>
</div>
</body>
</html>

Путем иследований выяснил: на линь версии FF работает только 1 раз (при первом обновлении ч-з аякс), а на вин версии - не работает вообще. В остальных браузерах работает так, как нужно.
Неужели придется блокировать всех FF-юзеров и направлять на страницу с просьбой замены браузера ?

Simones · #6 (**permalink**) 14.02.2013, 19:06

Мелкия ф-и, вроде alert("") - работают а вот что-то по сложнее:
$(id).append('Some text') - нет... Никто не подскажет как быть ?

Deff · #7 (**permalink**) 14.02.2013, 19:10

Сообщение от Simones

2) Подгружаемая ч-з аякс

Вот эту функцию

<script>
function op(id,type){
    var status = $(id).css('display');
    
    if(status == 'none'){
        if(!type)
           $(id).slideDown('normal');
        else
           $(id).show();
    }

}
</script>

Вынесите на главную - она не загрузится аяксом,

Simones · #8 (**permalink**) 14.02.2013, 19:55

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

Deff · #9 (**permalink**) 14.02.2013, 20:17

Simones,
Посколь вопросы разные и от всех, лучше или совместно делать по шагам или единолично самому

Deff · #10 (**permalink**) 14.02.2013, 20:22

Вот эту функцию лучше заменить ,

function show()  
        {  
            $.ajax({  
                url: "lin.html",  
                cache: true,  
                success: function(html){  
                    $("#main").hide().show().html(html);  
                }  
            });  
        }

На ;load, предварительно обернув контент подгрузки в div с собственным id, в противном случае Вы подгружаете новые теги html и body, что не айс

Форум

Справочник

Discord чат

Курсы javascript