G J
asked on
page using jquery.shorten.js is refreshing
I have a html page showing multi rows of data using jquery.shorten.js.
In firefox it shows the uncompressed rows initially and then it shows the compressed version (kind of looks like refreshing the page)
<script type="text/javascript" src="images/crm/jquery.sho rten.js">< /script>
<script type="text/javascript"> $(document).ready(function (){ $(".comment-
small").shorten({showChars : 100});});</script>
The 100 rows show up like as below
<div class="comment-small">My data in row1 .......................... ... </div>
<div class="comment-small">My data in row2 .......................... ... </div>
How can we avoid this refresh please?
In firefox it shows the uncompressed rows initially and then it shows the compressed version (kind of looks like refreshing the page)
<script type="text/javascript" src="images/crm/jquery.sho
<script type="text/javascript"> $(document).ready(function
small").shorten({showChars
The 100 rows show up like as below
<div class="comment-small">My data in row1 ..........................
<div class="comment-small">My data in row2 ..........................
How can we avoid this refresh please?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
could you provide a link to see that in live?
ASKER
My stuff is inside the firewall. I think I see where the problem could be though.
The page (http://example.com/page2) if run directly does not refresh.
But the page is currently called from a tab2(gave the code below) THEN it refreshes.
Do you know why please?
<div id="tab1">
<ul>
<li><a href="http://example.com/page1">Tab1</a></li>
<li><a href="http://example.com/page2">Tab2</a></li>
</ul>
</div>
<script>$("#tab1").tabs({a ctive:1}); </script>
The page (http://example.com/page2) if run directly does not refresh.
But the page is currently called from a tab2(gave the code below) THEN it refreshes.
Do you know why please?
<div id="tab1">
<ul>
<li><a href="http://example.com/page1">Tab1</a></li>
<li><a href="http://example.com/page2">Tab2</a></li>
</ul>
</div>
<script>$("#tab1").tabs({a
ASKER
The above uses ui tabs from jquery-ui.js .
sorry wrong post
ASKER
That's ok. I looked at your post and was wondering.
ASKER
Only difference is, earlier it used to show the uncompressed text and then refreshed and showed the compressed text with "read more" at the end.
Now it shows nothing first and then refreshes and shows the compressed text with "read more" at the end.