[ask] javascript trouble

[wen78]

Code Select Expand


<style type="text/css">
.qq {padding:0; margin:10px 0 0px 0px; list-style:none; position:relative; height:20px; float:left; /*background:url(line.gif) no-repeat 100% 4px;*/  z-index:500;} /* margins for this demonstration only */
.qq .ll .asd {display:block; width:100px; padding:5px; /*height:25px;*/ text-decoration:none; /*line-height:25px;*/ font-size:12px; font-weight:bold; /*text-indent:10px;*/ font-weight:normal; color:#000; background:#fef; border-bottom:1px solid #ded}
.qq .ll .asd:hover {text-decoration:underline; }
.qq .ll:hover > .asd {text-decoration:underline;}
.qq :hover .diva,.qq :hover .diva2,.qq :hover .diva3
{display:block;}
.qq .clear {clear:both;}
.diva {display:none; width:598px; background:#eee; position:absolute; left:110px; top:-25px;border:1px solid #888; padding-bottom:10px;}
</style>

<script type="text/javascript">
function fadeIn(opac,id) {
var zzz=document.getElementById(id);
if (zzz) {
if (opac <= 100) {
zzz.style.visibility = 'visible';
zzz.style.opacity = (opac/100)-.001;
zzz.style.filter = "alpha(opacity="+opac+")";
opac += 10;
window.setTimeout("fadeIn("+opac+", ' "+id+" ')", 30);
}
}
}
</script>

<div class="qq">
<div class="ll">
<a href="#"  class="asd" onmouseover="fadeIn(0,'oo1')">000000000000</a>
<div class="diva" id="oo1">
- <a>11111111 </a><br>
- <a>222222 </a><br>
</div>
</div>
</div>
<br /><br />
<div class="qq">
<div class="ll">
<a href="#" class="asd" onmouseover="fadeIn(0,'oo2')">00000000000000000000000000000000000000000000</a>
<div class="diva" id="oo2">
- <a>11111111 </a><br>
- <a>222222 </a><br>
</div>
</div>
</div>


javascriptnya gak jalan yak? 


kl ditembak langsung di id nya kaya gini:

Code Select Expand


<script type="text/javascript">
function fadeIn(opac) {
var zzz=document.getElementById('oo1');
if (zzz) {
if (opac <= 100) {
zzz.style.visibility = 'visible';
zzz.style.opacity = (opac/100)-.001;
zzz.style.filter = "alpha(opacity="+opac+")";
opac += 10;
window.setTimeout("fadeIn("+opac+")", 30);
}
}
}
</script>


bisa jalan. aneh tp nyata...

diubah jadi

Code Select Expand

window.setTimeout("fadeIn("+opac+",  "+id+" )", 30); juga gak mo jalan

ada yg bisa bantu?

[char101]

window.setTimeout("fadeIn("+opac+", '"+id+"')", 30);

[wen78]

ternyata salah ada space. kayanya php gak sesensitif gini deh
thx bro

[wen78]

tanya script lagi...

ini script mo gua tambahin kata "Loading, Please Wait...." ato gambar gif loading, sewaktu proses load file.
nambahin dimananya? sebelum proses panggil file tsb, div nya innerHTML nya di isi kata "Loading, Please Wait...." ato gambar gif loading dulu, baru panggil function dibawah ini apa gmn?
gua dah coba gak bisa yak? apa krn di kompi sendiri jadi cepet jd gak keliatan? 
konsep nya gitu khan? 

Code Select Expand


function sch(str,numb){
var xdoc;
var url="index.php";
url=url+"?id="+str+"&cat="+numb;
if (window.XMLHttpRequest){
xdoc = new XMLHttpRequest();
}
else{
xdoc = new ActiveXObject("Microsoft.XMLHTTP");
}
xdoc.onreadystatechange=function(){
if (xdoc.readyState == 4 && xdoc.status==200)
document.getElementById("zzzz").innerHTML=xdoc.responseText;
}
xdoc.open("GET", url, true);
xdoc.send(null);
}


[Sumedho]

logisnya sih set gambar baru panggil itu. karena didalem itu begitu statechange baru ganti dengan text response nya.

[Forte]

wah2.. ada yang lagi bahas js.. dipindahin ke teknologi informasi donk.. biar gampang ceknya boss..
lumayan neh.. kalau mau belajar2 juga bisa posting di thread ini..

** thanks bro menyan..