1. #1
    Sencha User
    Join Date
    Apr 2011
    Location
    Surat, Gujarat, India
    Posts
    126
    Vote Rating
    0
    rushi2440 is on a distinguished road

      0  

    Default Unanswered: how to show the jquery sticky notes to the extjs 4 desktop

    Unanswered: how to show the jquery sticky notes to the extjs 4 desktop


    hi.. sencha forum member
    I am having one problem with showing the jquery sticky notes to my desktop viewport. below is the link from where i had downloaded the stick notes of jquery.

    http://www.jquery-sticky-notes.com/

    I tried with the below code to show sticky notes to my desktop viewport. But don't know why its not showing to my desktop.

    Code:
    <%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en_GB" lang="en_GB">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    
    <title>RMS</title>
    <link rel="stylesheet" type="text/css" href="ext-4.0.2a/resources/css/ext-all.css"/>
    
    
        
        <!--Application CSS files-->
        <link rel="stylesheet" type="text/css" href="resources/css/desktop.css">
        <link href="resources/css/style.css" rel="stylesheet" type="text/css" />
        
        <!-- Jquery javascript here -->
          <script type="text/javascript" src="jquery/script/jquery-1.3.2.min.js"></script>
          <script type="text/javascript" src="jquery/script/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript" src="jquery/script/jquery.stickynotes.js"></script>
        <link rel="stylesheet" href="jquery/css/jquery.stickynotes.css" type="text/css">
    
    
        
        <!--Ext JS files -->
        <script type="text/javascript" src="ext-4.0.2a/ext-all-debug.js"></script>
        
        
        <script type="text/javascript">
            // wait for the DOM to be loaded
            
            // wait for the DOM to be loaded
            $(document).ready(function() {
                var options = {notes:[{"id":1,
                "text":"Write your Notes Here.. .",
                "pos_x": 1000,
                "pos_y": 25,
                "width": 200,
                "height": 200                                                    
            }]}
             $('#notes').stickyNotes(options);
         });
           
        </script>
        
    </head>
    <body>
    
    
        <div id="notes" style="width:100%;height:100%; z-index:-1">              </div>
    
    
         
    </body>
    </html>
    I noticed that when my desktop is loading it appears and suddenly gone away.

    please suggest me why the sticky notes didn't shown properly to my desktop.
    Yogendra Singh
    Sr. Programmer
    Kintudesigns.com

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,927
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Do you receive any errors in the console?
    Does this happen in all browsers?
    Have you tried a later version of Ext? 4.02a is very old.

    Scott.

  3. #3
    Sencha User
    Join Date
    Nov 2010
    Location
    Villaflores,Chiapas,Mexico
    Posts
    90
    Answers
    8
    Vote Rating
    2
    icebergdelphi is on a distinguished road

      0  

    Default


    Yeah, i'm in the same problem too, i dot not how to execute the stiky note inside the desktop,

  4. #4
    Sencha User
    Join Date
    Nov 2010
    Location
    Villaflores,Chiapas,Mexico
    Posts
    90
    Answers
    8
    Vote Rating
    2
    icebergdelphi is on a distinguished road

      0  

    Default


    anybody has been done this before? thanks.

  5. #5
    Sencha User
    Join Date
    Nov 2010
    Location
    Villaflores,Chiapas,Mexico
    Posts
    90
    Answers
    8
    Vote Rating
    2
    icebergdelphi is on a distinguished road

      0  

    Default


    I did it, i just had to find the correct Div of the Desktop App: #id_shortcut_dataview

    PHP Code:
     $(function() {                $("#id_shortcut_dataview").stickyNotes();                                    }); 
    Check this Out Extjs + Jquery app:
    That's all Folks
    Notas.jpg

Thread Participants: 2

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi