![]() |
![]() |
![]() |
|||||||||||||||||||||||
|
JavaScript | Dinamik İçerik Aşağıda verdiğim kod Javascript ile yazılmış ve bir çok amaç için kullanılabilir. örneğin scripte girilen haberler bir layer içerisinde sürekli değişe bilir. Daha yaratıcı fikirlerde kullanılmaya açıktır.
Örneğin Haber yerine resim eklediğimizde ufak bir galeri show yapmış oluruz. Okan ATABAĞ okanatabag@gmail.com Yorumlar ![]()
Okan arkadaşım umarım bana yardımcı olabilirsin dynamicdrive.com sitesinde haber scripti çok hoşuma gitti ( http://www.dynamicdrive.com/dynamicindex2/fadescroll.htm )ve buna veritabanı eklentisi yapmak istedim ama sadece ilk haber geliyor javascript kodlarından fazla anlamadığım için yardımını istiyorum
<!--#include file="yol.asp"--><%
set haber = server.createobject("adodb.recordset")
sorgu = "select * from haber "
haber.open sorgu,bag,1,3
%><script type="text/javascript">
/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)
var fcontent=new Array();
begintag='<div style="font: normal 14px tahoma; padding: 5px;">'; //set opening tag, such as font declarations
<% for i = i to 5 %>
fcontent[<%= i %>] = '<a href="haber_detay.asp?id=<%=haber("id")%>"><%=haber("baslik")%></a>';
<% next %>;
closetag='</div>';
var fwidth='450px'; //set scroller width
var fheight='50px'; //set scroller height
var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.
///No need to edit below this line/////////////////
var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;
/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
index++
}
// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com
function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color=getstepcolor(step);
}
}
/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);
}
}
/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor[i]-endcolor[i]);
if(diff > 0) {
newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
} else {
newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}
if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+'"></div>');
if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</script>
<%
haber.close
set haber=nothing
%>
kodlarım bunlar yardımcı olurmusunuz
Yazan:sport78 | 28/09/2008 04:29:31
|
Oturum Açmadınız
JavaScript & Html ![]() Üyelik ![]() » Üye Değilim » Aktivasyon » Şifremi Unuttum » Üye Girişi Menü ![]() Arama ![]() |
||||||||||||||||||||||||
![]() |
![]() |
![]() |
|||||||||||||||||||||||