Zoque.Forum
»
DHTMLGoodies, Tooltip sorunu
|
| JavaScript JavaScript ile ilgili merak ettiklerinizi, sorunlarınızı ve fikirlerinizi bu bölümde paylaşabilirsiniz. |
![]() |
|
|
LinkBack | Seçenekler |
|
|
#1 (permalink) |
|
Üyelik Tarihi: 14.05.2008
Yer: İSTANBUL
Yaş: 28
Mesaj: 8
|
DHTMLGoodies, Tooltip sorunu
öncelikle merhaba kodlar ile sorun yok sorunum şu. şimdi normalde bu JavaScript ile mesela forumlardaki gibi mouseover olayı üzerine gelince içeriği görüntülüyor ama bu sadece bir kaydın başındakini gösteriyor içeriğini movenext ile ikinci kaydında içeriğini göstermesi gerekiyor ama sadece ilk kaydın içeriğini gösteriyor ikinci üçüncü vs vs kayın içeriğini göstermiyor yardımcı olurmusnuz.
<style type="text/CSS"> a{ color: #D60808; text-decoration:none; font-weight:bold; } a:hover{ border-bottom:1px dotted #317082; color: #307082; } #dhtmlgoodies_tooltip{ background-color:#EEE; border:1px solid #000; position:absolute; display:none; z-index:20000; padding:2px; font-size:1em; -moz-border-radius:6px; /* Rounded edges in Firefox */ font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif; } #dhtmlgoodies_tooltipShadow{ position:absolute; background-color:#555; display:none; z-index:10000; opacity:0.7; filter:alpha(opacity=70 ); -khtml-opacity: 0.7; -moz-opacity: 0.7; -moz-border-radius:6px; /* Rounded edges in Firefox */ } </style> <script type="text/JavaScript"> var dhtmlgoodies_tooltip = false; var dhtmlgoodies_tooltipShadow = false; var dhtmlgoodies_shadowSize = 4; var dhtmlgoodies_tooltipMaxWidth = 400; var dhtmlgoodies_tooltipMinWidth = 100; var dhtmlgoodies_iframe = false; var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE' )>=0 && navigator.userAgent.indexOf('opera' )==-1 && document.all )?true:false; function showTooltip(e,tooltipTxt ) { var bodyWidth = Math.max(document.body.clientWidth,document.docume ntElement.clientWidth ) - 20; if(!dhtmlgoodies_tooltip ){ dhtmlgoodies_tooltip = document.createElement('div' ); dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip'; dhtmlgoodies_tooltipShadow = document.createElement('div' ); dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow'; document.body.appendChild(dhtmlgoodies_tooltip ); document.body.appendChild(dhtmlgoodies_tooltipShad ow ); if(tooltip_is_msie ){ dhtmlgoodies_iframe = document.createElement('iframe' ); dhtmlgoodies_iframe.frameborder='5'; dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF '; dhtmlgoodies_iframe.src = '#'; dhtmlgoodies_iframe.style.zIndex = 100; dhtmlgoodies_iframe.style.position = 'absolute'; document.body.appendChild(dhtmlgoodies_iframe ); } } dhtmlgoodies_tooltip.style.display='block'; dhtmlgoodies_tooltipShadow.style.display='block'; if(tooltip_is_msie )dhtmlgoodies_iframe.style.display='block'; var st = Math.max(document.body.scrollTop,document.document Element.scrollTop ); if(navigator.userAgent.toLowerCase( ).indexOf('safari' )>=0 )st=0; var leftPos = e.clientX + 10; dhtmlgoodies_tooltip.style.width = null; // Reset style width if it's set dhtmlgoodies_tooltip.innerHTML = tooltipTxt; dhtmlgoodies_tooltip.style.left = leftPos + 'px'; dhtmlgoodies_tooltip.style.top = e.clientY + 10 + st + 'px'; dhtmlgoodies_tooltipShadow.style.left = leftPos + dhtmlgoodies_shadowSize + 'px'; dhtmlgoodies_tooltipShadow.style.top = e.clientY + 10 + st + dhtmlgoodies_shadowSize + 'px'; if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_t ooltipMaxWidth ){ /* Exceeding max width of tooltip ? */ dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px'; } var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth; if(tooltipWidth<dhtmlgoodies_tooltipMinWidth )tooltipWidth = dhtmlgoodies_tooltipMinWidth; dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px'; dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px'; dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px'; if((leftPos + tooltipWidth )>bodyWidth ){ dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px ','' ) - ((leftPos + tooltipWidth )-bodyWidth ) ) + 'px'; dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px ','' ) - ((leftPos + tooltipWidth )-bodyWidth ) + dhtmlgoodies_shadowSize ) + 'px'; } if(tooltip_is_msie ){ dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left; dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top; dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px'; dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px'; } } function hideTooltip( ) { dhtmlgoodies_tooltip.style.display='none'; dhtmlgoodies_tooltipShadow.style.display='none'; if(tooltip_is_msie )dhtmlgoodies_iframe.style.display='none'; } </script> <%sub mutfak dim sayfa, aktifsayfa, islem if request.queryString("hat" ) = "" then sayfa = 1 else sayfa = cint(request.queryString("hat" ) ) end if gsayfa = sayfa hat = request("hat" ) set rsmutfak = server.createobject("adodb.recordset" ) SQL = "select * from tmutfak where onay=true" rsmutfak.open SQL, baglan, 3, 3 sayii = rsmutfak.recordcount dim kanal_sayisi kanal_sayisi = 5 rsmutfak.pagesize = kanal_sayisi if not rsmutfak.eof then rsmutfak.absolutepage = sayfa for i = 1 to kanal_sayisi if rsmutfak.eof then exit for sira = sayfakayit * (sayfa -1 ) + i %> <table width="100%" border="0"> <tr> <td width="88" valign="top" background="tema/img/spacer.gif" style="width: 985px"> <img src="tema/img/pink.gif" border="0" align="absmiddle"> <a href="#"><span onmouseout="hideTooltip( )" onmouseover="showTooltip(event,'<%=rsmutfak("koymu tfak" )%>' );return false"><%=rsmutfak("baslik" )%></span></a> </td> </tr> </table><% rsmutfak.movenext next %><br /><div align="left"><span class="txsw"> Sayfalar : <%if sayfa<>"1" then%> <a href="?meyhazer=1&yer=mutfak&hat=<% = sayfa - 1 %>"></a> <% end if %> <%if sayfa > 1 or not rsmutfak.eof then if sayfa = 1 then sayfaa = 1 if sayfa>1 then sayfaa = sayfa -1 if sayfa = rsmutfak.pagecount then gsayfa = sayfa -1 %> <%for aktifsayfa = sayfaa to gsayfa+1%> <%if aktifsayfa = sayfa then%> <span style="background:#ff0000"><font color="#ffffff"><b><%=cint(aktifsayfa )%></b></font></span> <%else%> <a href="?meyhazer=1&yer=mutfak&hat=<%=cint(aktifsayf a )%>" title="<%=cint(aktifsayfa )%>. Sayfa Göster"><span style="background:#0000aa"><font color="#ffffff"><strong><%=cint(aktifSayfa )%></strong></font></span></a> <%end if%> <%next%> <%end if%> <%if not rsmutfak.eof then%> <a href="?meyhazer=1&yer=mutfak&hat=<%=sayfa + 1%>"></a> <%end if end if end sub %> |
|
|
|
Zoque'a hoşgeldiniz!