Search jQuery

jQuery Forum

Screen name:
evgsurf

evgsurf's Profile

4 Posts

7 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Resizable + overflow:hidden does not work correct in chrome
[1Reply]
- 28-Feb-2011 04:44 AM
- Forum: Using jQuery UI
Hello I have problem at chrome browser,

I create div with style overflow:hidden
I create second div iniside first with overflow:auto

So as I understand it is not possible to scroll first div by mouse.
But I can do it if I call resizable() for first div and use chrome browser (Firefox does work right).

If I start text selection at second div and move mouse outside second and first divs I can scroll first div.
The problem is in addintions divs which we create at resizable() function
1. <div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-e"></div>
  <div style="-moz-user-select: none;" unselectable="on" class="ui-resizable-handle ui-resizable-s"></div>
I do not see problem with ui-resizable-n or ui-resizable-w
I do not have ideas how I can solve the problem.

see picture

code is here
2. <!DOCTYPE html>
3. <html>
4. <head>
5. <link type="text/css" href="css/start/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
6. <link type="text/css" href="eiWinMan.css" rel="stylesheet" />
8. <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
9. <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
10. <script>
11. $(document).ready(function(){
12. $(".bigdiv").resizable();
13. });
14. </script>
15. <style>
16. .bigdiv {
17. position: absolute;
18. top:100px;
19. left:100px;
20. width:200px;
21. height:200px;
22. overflow:hidden;
23. }
25. .smalldiv {
26. position: absolute;
27. top:2px;
28. left:2px;
29. width:194px;
30. height:194px;
31. overflow:auto;
32. }
34. </style>
36. </head>
37. <body>
40. <div class="ui-widget ui-widget-header bigdiv">
42. <div class="ui-widget ui-widget-content smalldiv">
43. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
44. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
45. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
46. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
47. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
48. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
49. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
50. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
51. bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla<br>
52. </div>
54. </div>
56. </body>
57. </html>

Memory problem or how to unload pages
[2Replies]
- 18-Nov-2010 02:11 AM
- Forum: jQuery Mobile
Hello

In JQM style we can load pages dynamicly and it does work well.
But we can have another problem.
Web application can have many many pages.
So we load, load, load , load ... iPad is not so cool device as thinks billions users in the world. Really it is very slow.
At some moment we overload memory and device will be very slow.
So any ideas how to unload pages from the memory? Any stragy how to manage memory of web application?

Using "Loading" splash
[6Replies]
- 04-Nov-2010 07:39 AM
- Forum: jQuery Mobile
When I load some page from server and loading is to long I can see nice "Loading" splash.
Is it possibe to use this feature at my code (for exaple, I load some data via ajax) ?

Can not run script on loaded page
[6Replies]
- 03-Nov-2010 07:00 AM
- Forum: jQuery Mobile
Hello.

I have main page with
<ul data-role="listview" data-inset="true">
<li><a href="reports.html">Reports</a></li>
</ul>
When I "click" on the button I can load page reports.html by url site/#reports.html

Well. now I want to start some script in reports.html to build page with reports.
As I understand I have to use something like
1. $(document).ready(function() {
2. alert(1);
It does not work. It is not my mistake because if I load page by url site/reports.html, script works well.
I tried to move script at bottom of page without $(document).ready(function() {, but is does not work again.

How I can start script in loaded page?

Best regards
Evgeny

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend