CODEWITHSUNDEEP
htmlcss
user1495475
user1495475

Reputation: 1057

HTML:"OnMouseOver" implementation

I have made some code to display only limited characters while displaying in a html form, I have included this code in a classic asp file. "onmouseover" I have to display whole text. How to achieve this. Suggest some answers please.

Code:

<td align="center" class="chaos" width="80%" title="<%=trimtext%>"

<%=len(trimtext,50)%> 

In my code while displaying i`m dislaying only first 25 characters from string variable "trimtext".Onmouseover how can i dispalying complete text.

OR:Help me to display only 20 characters,and onmouseover display complete text.Please suggest some answers. Thanks

Upvotes: 1

Views: 241

Answers (1)

Vladimir Gordienko
Vladimir Gordienko

Reputation: 3470

ok.... try this:

<html>
<head>
    <style type="text/css">
        #ddv{
            overflow-x:hidden;
            text-overflow: ellipsis;
            cursor: pointer;
        }
        #ddv:hover{
            overflow-x:visible;
        }
    </style>
</head>
<body>
<div id="ddv" style="width: 30px;">
    lskegfoehgfowehfgoqwhfoqwhfgoihqwogfihqwegf
</div>
</body>
</html>

Upvotes: 2

Related Questions