Forum Dhammacitta

Komunitas => Ilmu Pengetahuan dan Teknologi => Teknologi Informasi => Topic started by: wen78 on 19 November 2009, 07:00:09 PM

Title: [ask] javascript trouble
Post by: wen78 on 19 November 2009, 07:00:09 PM

<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:

<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 window.setTimeout("fadeIn("+opac+",  "+id+" )", 30); juga gak mo jalan

ada yg bisa bantu? ;D
Title: Re: [ask] javascript trouble
Post by: char101 on 19 November 2009, 07:08:44 PM
window.setTimeout("fadeIn("+opac+", '"+id+"')", 30);
Title: Re: [ask] javascript trouble
Post by: wen78 on 19 November 2009, 07:40:47 PM
ternyata salah ada space. kayanya php gak sesensitif gini deh :))
thx bro ;D
Title: Re: [ask] javascript trouble
Post by: wen78 on 21 November 2009, 06:10:31 PM
tanya script lagi... ;D

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?  ???


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);
}
Title: Re: [ask] javascript trouble
Post by: Sumedho on 21 November 2009, 07:47:15 PM
logisnya sih set gambar baru panggil itu. karena didalem itu begitu statechange baru ganti dengan text response nya.
Title: Re: [ask] javascript trouble
Post by: FZ on 21 November 2009, 08:45:53 PM
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..