Banner Highlight? [F]

[bacon]

I know I've seen this code a long time ago... does anyone know where to find a code where if you move the mouse over the banner editable text in a little box appears?

[DDL]

I have something like that coded, except it is at school...I'll upload it tomorrow.

To make sure, is this what you want?:

You hover over a specific image, and an input box (like where I'm typing this post on the post page) appears with a predefined size and location.


If so, it's taken care of.

[bacon]

Alright, thanks!

[DDL]

ddldesign said:

To make sure, is this what you want?:

You hover over a specific image, and an input box (like where I'm typing this post on the post page) appears with a predefined size and location.

Is that what you want?

[bacon]

Yes.

[DDL]

<script type="text/javascript">
function showHide(str){
document.getElementById("display").innerHTML=str
}
</script>

<div id="display" style="position:absolute; left:700px; top:100px; width:169px; height:20px; z-index:1; background-color: transparent; border:1px solid"></div>

<img src="IMAGELINKHERE" onmouseover="showHide('TEXTHERE')" />


I am trying to fix it to where it specifically targets the banner, but that works for a normal image. Also, you can mess with the left/top/width/height to get it wherever you want it.

~DDL

[DDL]

Still working on it...setAttribute isn't working like it is supposed to...

[DDL]

<script type="text/javascript">
// Text On Rollover (Banner) by DDL

var findimg = document.getElementsByTagName("img")[0];
findimg.setAttribute("onmouseover", "text('TEXTHERE')");

function text(str){
document.getElementById("display").innerHTML=str;
}
</script>


<div id="display" style="position:absolute; left:700px; top:100px; width:169px; height:20px; z-index:1; background-color: transparent; border:1px solid"></div>

---

Edit the stuff in red.

[bacon]

Thank you.

[DDL]

Where are you going to use it?