オープンdiv要素をスライドAjaxのレスポンス
-
16-09-2019 - |
質問
さて、これは、要求が4のreadyStateのと200の状態を返した後、それはdiv要素に応答を挿入し、うまくそれを滑り落ち、シンプルなAJAXリクエストを実行reguarding私の前の質問に続くされます。私はそれが、このようなjQueryのかscriptaliciousなどのツールキットを使用して実行する必要はありません。
ここでは、元の質問です:
の<のhref = "https://でのstackoverflow .COM /質問/ 1531951 / AJAX-と-スライド効果-onready-witout-使用して、ツールキット "> Ajaxのスライド効果を持つonready
これまでのところ、私はそれは非常にうまく働いてすべてを取得するために管理しています。しかし私は、返されたテキストが表示され、その後のdivが拡大問題を抱えています。私はそれがdiv要素とテキストが一緒に拡大して作業する必要があります。
ここでは私のコードです。
function slideDown() { document.getElementById('slideDiv').style.visibility = 'hidden'; xmlhttp.open("GET", "parse.php?what=main", true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById('butt').value = 'hide'; document.getElementById('slideDiv').innerHTML = xmlhttp.responseText; document.getElementById('slideDiv').style.display = 'block'; var fHeight = document.getElementById('slideDiv').offsetHeight; document.getElementById('slideDiv').style.height = '0'; document.getElementById('slideDiv').style.visibility = 'hidden'; function timeIt() { function bar() { timeSlide(fHeight); } setTimeout(bar, 10); } timeIt(); } } xmlhttp.send(null); } function timeSlide(fHeight) { var fHeight; var diff; document.getElementById('slideDiv').style.visibility = 'visible'; var cHeight = document.getElementById('slideDiv').clientHeight; if (cHeight < fHeight) { cHeight = cHeight + 3; document.getElementById('slideDiv').style.height = cHeight+'px'; function timeIt() { function bar() { timeSlide(fHeight); } setTimeout(bar, 10); } timeIt(); } else { endSlide(); } }
私は<全角> の、これが原因div要素の中に返されたGETリクエストを置くために、次を使用して起こっている。
だと思いますdocument.getElementById('slideDiv').innerHTML = xmlhttp.responseText;
誰かがこれで正しい方向に私を入れてくださいことはできますか?私はJavaScriptを使用してparticulartyよくないと私はおそらくので、任意のポインタは素晴らしいことだ、それについての完全な間違った道を行きますよ!事前に感謝します!
解決
これはアクションでそれを見ないと言うが、これを追加してみてくださいするのは難しいます:
document.getElementById('slideDiv').style.overflow = 'hidden';
所属していません StackOverflow