rejetto forum

Balloons in damn template

Guest · 14 · 3828

0 Members and 1 Guest are viewing this topic.

AlonsO

  • Guest
i want when i put the mouse next to the folder to show the comment. now there's a image and when i put mouse there the comment of the folder is shown. I want to show the comment when i put the mouse on the folder. Any ideas?


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
You would have to use javascript onmouseover events, i have a similiar thing running on my Thunderchicken of Glory template, it could be modified to show folder comments i think... i think this is what u want...


AlonsO

  • Guest
Hey I've a java script klappe but when i paste after link of the folder the scipt with text %comment% it doesn't work :-[


AlonsO

  • Guest
Aaam sorry I've a java script on mouse over but that i said it doesn't works with %comment%


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
I have it working just fine! i will paste all my code i have used ok!
Code: [Select]
This is the head section where the javascript goes!
<head>
<title>**** YOUR TITLE ****: %folder%</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>%style%</style>
<script type="text/javascript">
var DH = 0;var an = 0;var al = 0;var ai = 0;if (document.getElementById) {ai = 1; DH = 1;}else {if (document.all) {al = 1; DH = 1;} else { browserVersion = parseInt(navigator.appVersion); if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {an = 1; DH = 1;}}} function fd(oi, wS) {if (ai) return wS ? document.getElementById(oi).style:document.getElementById(oi); if (al) return wS ? document.all[oi].style: document.all[oi]; if (an) return document.layers[oi];}
function pw() {return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;}
function mouseX(evt) {if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return null;}
function mouseY(evt) {if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;}
function popUp(evt,oi) {if (DH) {var wp = pw(); ds = fd(oi,1); dm = fd(oi,0); st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "visible" || st == "show") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; if (!an) {lv += 'px';tv += 'px';} ds.left = lv; ds.top = tv; ds.visibility = "visible";}}}
</script>
</head>

This is the required css!
.tip {
border:1px solid #036;
width:250px;
padding:2px;                   
position:absolute;
z-index:100;
visibility:hidden;
top:15px;
left:90px;
background-color:#CAD9EA;           
line-height:13px;
}

This is the folder section!
[folder]
<tr>
<td class=rw style="border-left:0px;">%new%<a href="%item-url%">&nbsp;<img align=top src="/~img_folder" alt="" onmouseout="popUp(event,'t1')" onmouseover="popUp(event,'t1')"><b> %item-name%</b></a>%comment%
<div id=t1 class=tip align=center>%comment%</div>
        </td>
<td  class=rw align=center><i>Folder</i></td>
<td class=rw align=center>%item-modified%</td>
<td class=rw align=center>%item-dl-count%</td>
</tr>

And this code shows this below!

[attachment deleted by admin]
« Last Edit: December 29, 2006, 01:40:20 PM by That_Stevens_Guy »


AlonsO

  • Guest
Look at damn template it is: 
Code: [Select]
[files]
<tr>
<th style="text-align:center"><span class="column">I</span>
<th><a href="%folder%?sort=n"><span class="column">FILENAME</span></a>
<th><a href="%folder%?sort=s"><span class="column">FILESIZE</span></a>
<th><a href="%folder%?sort=t"><span class="column">FILEDATE</span></a>
<th style="text-align:center"><span class="column">HITS</span>
</tr>
%list%

[file]
<tr class="mout" href="%item-url%">
    <td width="16px">%comment%</td>
    <td><a href="%item-url%"> %new% <img align="top" src="/~img_file" border="0" alt="">&nbsp;&nbsp;<b>%item-name%</b></a></td>
    <td>%item-size%</td>
    <td>%item-modified%</td>
    <td>%item-dl-count%</td>
</tr>

[folder]
 <tr class="mout" href="%item-url%">
<td width="16px">%comment%</td>
<td><a href="%item-url%"> %new% <img align="top" src="/~img_folder" border="0" alt="">&nbsp;&nbsp;<b>%item-name%</b></a></td>
<td colspan="3"><b><i>Directory</i></b></td>
</tr>

[link]
<tr class="mout" href="%item-url%">
<td width="16px">%comment%</td>
<td><a href="%item-url%"> %new% <img align="top" src="/~img_link" border="0" alt="">&nbsp;&nbsp;<b>%item-name%</b></a></td>
<td colspan="3"><b><i>This is a link</i></b></td>

[comment]
<div id="com_ment" class=tip style='left: 515px; top: 298px;'>
<table width="100%"><tr><td><span class="tipline" id="bb"><i>= Comment =</i></span></td></tr>
<tr><td class="tip2"> %item-comment% </td></tr>
</table>
</div>
<img onmousemove="ts(event,this)" onmouseout="tc()" src="/~img10" alt="" border="0">
What to change when I put the mouse on the flder to display the comment. No the comment its displayed when i put the mouse on the image "i"


[attachment deleted by admin]


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
ok, whoever did this template created a new column and made the I for the information about the folder, how come your want to change this to show for the folder image?


AlonsO

  • Guest
I wanna to remove this column "I" and next to show the comment when i point any folder(with comment of course)


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
Oh ok, well in that case... hmmm can u post your template? i will see if i can get something going! and post back the results.... big party tomorrow so i will probably have it done by late Monday... i think this is too complex to explain on the forum... would be quicker to do myself than explain... then you can see the differences.... i have a lot of spare time on my hands atm, so i don't mind.


Offline Alons0

  • Tireless poster
  • ****
    • Posts: 197
    • View Profile
    • Alons0's site
Oh ok, well in that case... hmmm can u post your template? i will see if i can get something going! and post back the results.... big party tomorrow so i will probably have it done by late Monday... i think this is too complex to explain on the forum... would be quicker to do myself than explain... then you can see the differences.... i have a lot of spare time on my hands atm, so i don't mind.
I archived and uploaded it. Here you are:
http://petrovi.cogia.net/dada.rar
And some things and texts are in Bulgarian language


Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
I have had a go at this and i cant get it to work either, the javascript on this template is insane... i have identified where the problem lies but all my methods to make it work fail! it seems that when u move this %comment% and turn it into an invisible div over the folder (to replace the I image) it no longer reveals the comment div.... wtf lol
« Last Edit: January 01, 2007, 06:05:50 AM by That_Stevens_Guy »



Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
Not without spending a couple of nights on it, its hard because i didn't write the code lol. but however the author got it working, will not work when u move it to a different section *sigh* unsure why exactly.... i tried implementing my code in place, BUT when u go over the the folder all the folders show the same comment lol... so instead i changed the img to a div with text, (so i could see it, later will be invisible) but when u move %comment% into that folder<td> it does not WORK! soo frustrating!


Offline Alons0

  • Tireless poster
  • ****
    • Posts: 197
    • View Profile
    • Alons0's site
Not without spending a couple of nights on it, its hard because i didn't write the code lol. but however the author got it working, will not work when u move it to a different section *sigh* unsure why exactly.... i tried implementing my code in place, BUT when u go over the the folder all the folders show the same comment lol... so instead i changed the img to a div with text, (so i could see it, later will be invisible) but when u move %comment% into that folder<td> it does not WORK! soo frustrating!
Bad :'( :'( :'(