В div не подгружается контент с другой страницы
Есть div, куда должна вывестись инфа с другой страницы. Скрытый.
<div id="mnogostrok" style = "display:none"> </div> Есть кнопка, на которую повешено действие, чтобы этот div стал видимым и подгрузилась инфа <div id="but" > <input type="button" id="butttt" value="Показать/скрыть" onclick= "details()"> </div> И сама функция. Делает по нажатию div видимым и подгружает инфу. <script> function details() { if (document.getElementById("mnogostrok").style.display=='none') {document.getElementById("mnogostrok").style.display='block'; $('#mnogostrok').load('ссыль_на_страницу');} else {document.getElementById("mnogostrok").style.display='none';}; return false; } </script> В чем беда: не div не заполняется! Alert выдает [Object object]. Ссыль рабочая. P.S. Я полный нуб, поэтому прошу тапками не кидать)) Если есть что почитать по теме - буду только рада, наверняка что-то упустила. |
а что вы получайте с сервера, можете показать?
|
Если Вы используете jQuery, то не нужно писать
document.getElementById("mnogostrok").style.display Достаточно $('#mnogostrok').css('display') Вот эти две строки document.getElementById("mnogostrok").style.display='block'; $('#mnogostrok').load('ссыль_на_страницу'); можно объеденить: $('#mnogostrok').load('ссыль_на_страницу').show(); Для дебага лучше использовать не alert(), а console.log() |
яб переписал бы немного функцию)))
function details() { var obj = document.getElementById("mnogostrok"); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; if (obj.style.display == 'none') $('#mnogostrok').load('ссыль_на_страницу'); } |
Цитата:
|
В итоге: div пустой, alert - Object object, в консоли ни на что не ругается.
Может быть такое, что в браузерной строке если - ссыль работает, а тут по каким-то причинам не определяется? |
Журнал: [object Object] в консоли, вот.
|
Так ты в див пытаешься загрузить целиком страницу , включая доктайп, <head> и второй раз <body> ? Любитель матрешек?
|
Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 16:11. |