تغییر visibility یک div

[plague]

سلام
من یه صفحه دارم که محتویاتش با ایجکس لود میشه میخام تا هنگامی که محتویات رو بگیره بشن یدونه عکس لودینگ نمایش بده
یدونه div ساختم و توش یدونه عکس گزاشتم و اون دیو رو نامرئی کردم

  <div id="loading"><img src="images/loadinfo.net.gif" width="48" height="48" /></div>

اینم کد css :

#content #loading {
    position: fixed;
    width: 48px;
    top: 0px;
    background-color: #CC0;
    visibility: visible;
}

اول فانکشنی که محتویات صفحه رو از صفحات دیگه میگیره این کد رو گزاشتم تا دیو لودینگ رو نمایش بده

function ajaxpage(url, containerid){
    document.getElementById('loading').style.visibility='visible';
.
.
.
{

ولی عمل نمیکنه و محتویات لود میشن بدونه اینکه این عکس ما نمایش داده بشه
اما جالب اینه که برعکس این عمل بدون مشکل کار میکنه یعنی اگه دیو لودینگ رو هیدن نکنم و اول فانکشن بگم که دیو رو هیدن کن

    document.getElementById('loading').style.visibility='hidden';

خیلی خوب کار میکنه !

 

[eAmin]

سلام
وقتی یک div در حالت visible هست، چطور انتظار دارید دوباره visible بشه؟
برای اینکه کد شما درست کارکنه باید خاصیت visibility اون رو به hidden تغییر بدید بعد اون رو با جاوا اسکریپت visible کنید!

#content #loading {
    position: fixed;
    width: 48px;
    top: 0px;
    background-color: #CC0;
    visibility: [B]hidden[/B];
}

 

[plague]

البته این کد رو من کلی دستکاری کردم و تغیر دادم برا همین وقتی گزاشتمش اینجا اینطوری بود
شما درست میگید اشتبا از من بود
در هر صورت مشکلمن این بود که اوون div لودینگ رو توی اونجایی که محتویاتش با ایجکس لود میشه گزاشته بودم
ممنون

 

[maaha]

منم میخام همین کار رو بکنم.ولی تا حالا فقط با php & css کار کردم.میتونم لابلای کدهای php و html این کد ajax شما رو بنویسم؟

function ajaxpage(url, containerid){
document.getElementById('loading').style.visibility='visible';
.
.
.
{

 

[plague]

قبلش یکم تحقیق کنید که به مشکل بر نخورید
این فانکشن رو باید تو تگ هد سایت بزاری
در ضمن کامل نیست من خلاصشو نوشتم اینجا

 

[maaha]

قبلش یکم تحقیق کنید که به مشکل بر نخورید
این فانکشن رو باید تو تگ هد سایت بزاری
در ضمن کامل نیست من خلاصشو نوشتم اینجا

نمیشه کد کاملشو به عنوان مثال بذارین؟

 

[plague]

function ajaxpage(url, containerid){
var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText


}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}