haber manşet uygulaması çalışmamda sorun var.

mustafayilmaz28 · 13 Şubat 2011

merhabalar arkadaşlar.
sadece html ve çok az java ile(tabi forumlardan yardım alarak ) br haber manşet uygulaması yazdım

ama sorun var..
küçük bir sorun galiba
linklerin üzerine geldikten sonra görüntü normal.

ama
sayfam daha ilk yüklendiğinde yani linklere felan dokunmadığımda bütün divler üstüste gözüküyor..

bunu nasıl yok ederbilirim..
kodlar..baya bir uzun ama esas önemli olan yerleri kırmızı ile boyadım..

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function hide(id){
var divObject=document.getElementById(id);
divObject.style.display="none";
}
function show(id){
var divObject=document.getElementById(id);
divObject.style.display="block";
}
</SCRIPT>
<?php include("ayar.php");
$dizi1=array();
$dizi2=array();
$dizi3=array();
$dizi4=array();
$diziid=array();

$listelemesorgusu1=mysql_query("SELECT * FROM haberler order by id DESC LIMIT 10") or die("Hata Olustu!<br> Veritabanına Erişilemedi..");
while($listele=mysql_fetch_array($listelemesorgusu1))
{
$dizi1[]=$listele['haberbasligi'];
$dizi2[]=$listele['habericerigi'];
$dizi3[]=$listele['haberturu'];
$dizi4[]=$listele['haberkayitzamani'];
$diziid[]=$listele['id'];

}

?>
<link href="form1.css" rel="stylesheet" type="text/css" />

<div style="position: relative;"><table width="468" height="308" border="1" align="center">
<tr>
<td width="258" height="72">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="left"id="resim11" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible">
<div class="aciklamabaslik">
<?php
echo $dizi1[0];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[0], 0,35);
$newArray2 =substr($dizi2[0], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>
<div align="left"id="resim22" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[1];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[1], 0,35);
$newArray2 =substr($dizi2[1], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>
<div align="left"id="resim33" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[2];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[2], 0,35);
$newArray2 =substr($dizi2[2], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>
<div align="left"id="resim44" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible">
<div class="aciklamabaslik">
<?php
echo $dizi1[3];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[3], 0,35);
$newArray2 =substr($dizi2[3], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>
<div align="left"id="resim55" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[4];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[4], 0,35);
$newArray2 =substr($dizi2[4], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

<div align="left"id="resim66" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[5];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[5], 0,35);
$newArray2 =substr($dizi2[5], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

<div align="left"id="resim77" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[6];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[6], 0,35);
$newArray2 =substr($dizi2[6], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

<div align="left"id="resim88" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[7];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[7], 0,35);
$newArray2 =substr($dizi2[7], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

<div align="left"id="resim99" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[8];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[8], 0,35);
$newArray2 =substr($dizi2[8], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

<div align="left"id="resim100" style="position:absolute; z-index:0;left: 5px;top: 5px;border: 1px none #000000;visibility: visible"> <div class="aciklamabaslik">
<?php
echo $dizi1[9];
?>
</div>
<div class="aciklamalink">
<?php
$newArray1 =substr($dizi2[9], 0,35);
$newArray2 =substr($dizi2[9], 35,35);
echo $newArray1;
echo $newArray2."...";
?>
</div>
</div>

</td>
</tr>
</table>

</td>
<td width="194"> </td>
</tr>
<tr>
<td><div align="center"id="resim1" style="position:absolute; z-index:0;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="1.jpg"width="256" height="217" />
</div>
<div align="center"id="resim2" style="position:absolute;left: 5px;top: 80px; z-index:1;border: 1px none #000000; visibility: visible">
<img src="2.jpg"width="256" height="217" />
</div>
<div align="center"id="resim3" style="position:absolute; z-index:2;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="3.jpg"width="256" height="217" />
</div> <div align="center"id="resim4" style="position:absolute; z-index:3;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="4.jpg"width="256" height="217" />
</div>
<div align="center"id="resim5" style="position:absolute; z-index:4;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="5.jpg"width="256" height="217" />
</div>
<div align="center"id="resim6" style="position:absolute; z-index:5;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="6.jpg"width="256" height="217" />
</div>
<div align="center"id="resim7" style="position:absolute; z-index:6;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="7.jpg"width="256" height="217" />
</div>
<div align="center"id="resim8" style="position:absolute; z-index:7;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="8.jpg"width="256" height="217" />
</div>
<div align="center"id="resim9" style="position:absolute; z-index:8;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="9.jpg"width="256" height="217" />
</div>
<div align="center"id="resim10" style="position:absolute; z-index:9;left: 5px;top: 80px;border: 1px none #000000;visibility: visible"> <img src="10.jpg"width="256" height="217" />
</div></td>
<td><div align="left"valign="top">
<a href="#" class="aciklamalink"onMouseOver ="javascript:show('resim1');javascript:hide('resim2');javascript:hide('resim3');javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9');javascript:hide('resim10');javascript:show('resim11');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim1');javascript:hide('resim2');javascript:hide('resim3');javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9');javascript:hide('resim10');javascript:show('resim11');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[0];?></a>
</div>

<div align="left">
<a href="#" class="aciklamalink"onMouseOver ="javascript:show('resim2');javascript:hide('resim1');javascript:hide('resim3');javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9');javascript:hide('resim10');javascript:show('resim22');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim2');javascript:hide('resim1');javascript:hide('resim3');javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9');javascript:hide('resim10');javascript:show('resim22');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[1];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim3');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9') ;javascript:hide('resim10');javascript:show('resim33');javascript:hide('resim22');javascript:hide('resim11');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim3');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim4')
;javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim33');javascript:hide('resim22');javascript:hide('resim11');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[2];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim4');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9');javascript:hide('resim10');javascript:show('resim44');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim11');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim4');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim44');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim11');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[3];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim5');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim55');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim11');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim5');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10')"><?php echo $dizi1[4];?></a>
</div>
<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim6');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim66');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim11');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim6');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim7');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim66');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim22');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[5];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim7');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim77');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim11');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim7');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim8');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim77');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim22');javascript:hide('resim88');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[6];?></a>
</div>
<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim8');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim88');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim11');javascript:hide('resim99');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim8');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim9')
;javascript:hide('resim10');javascript:show('resim88');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim22');javascript:hide('resim99');javascript:hide('resim100')"><?php echo $dizi1[7];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim9');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8')
;javascript:hide('resim10');javascript:show('resim99');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim11');javascript:hide('resim100')"
onMouseOut = "javascript:show('resim9');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8')
;javascript:hide('resim10');javascript:show('resim99');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim22');javascript:hide('resim100')"><?php echo $dizi1[8];?></a>
</div>

<div align="left">
<a href="#"class="aciklamalink"onMouseOver = "javascript:show('resim10');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8')
;javascript:hide('resim9');javascript:show('resim100');javascript:hide('resim22');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim11');javascript:hide('resim99')"
onMouseOut = "javascript:show('resim10');javascript:hide('resim2');javascript:hide('resim1');javascript:hide('resim3')
;javascript:hide('resim4');javascript:hide('resim5');javascript:hide('resim6');javascript:hide('resim7');javascript:hide('resim8')
;javascript:hide('resim9');javascript:show('resim100');javascript:hide('resim11');javascript:hide('resim33');javascript:hide('resim44');javascript:hide('resim55');javascript:hide('resim66');javascript:hide('resim77');javascript:hide('resim88');javascript:hide('resim22');javascript:hide('resim99')"><?php echo $dizi1[9];?></a>
</div></td>
</tr>
</table>
</div>

oguz_efe · 17 Şubat 2011

Hocam bütünün resim içeren ve üstteki yazıları içeren divlerin display:none yap. <body onlooad="show(resim1)"> işini görebilir.

mustafayilmaz28 · 17 Şubat 2011

oguz_efe' Alıntı:
Hocam bütünün resim içeren ve üstteki yazıları içeren divlerin display:none yap. <body onlooad="show(resim1)"> işini görebilir.

Teşekkürler hocam dediğiniz gibi yaptım oldu..sadece
<body onlooad="show(resim1)"> ksımını yazmadım çünkü görünmesini istedğim birinci divin display değerini boş bıraktım yanig örünür olunca istediğim oldu. :++:

haber manşet uygulaması çalışmamda sorun var.

mustafayilmaz28

Süper Üye

oguz_efe

Aktif Üye

mustafayilmaz28

Süper Üye