1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Jquery-note und fancybox

Dieses Thema im Forum "Javascript & Ajax" wurde erstellt von hups1803, 17. September 2011.

  1. hups1803

    hups1803 Erfahrenes Mitglied

    hallo,

    ich möchte gerne zu den link in jquery-notes http://jquery-notes.rydygel.de/samples.php

    fancybox hinzufügen.

    Ich habe folgendes versucht :

    in der jquery-notes_1.0.8.js habe bei der linkerstellung eine id ="show" eingefügt

    zeile 388

    Code (Text):
    1.  html += (note.LINK != '' && settings.allowLink) ? '<a id="show" href="'+note.LINK+'"></a>' : '';
    der generiete html code in meiner note.html sieht dann im browser so aus :

    HTML:
    1. <div class="note" id="n_1-1" style="left: 93px; top: 179px; width: 50px; height: 50px;"><div class="border"><div class="bg"><a href="http://www.hupsis-e107.de/slider_apple/demo.html" id="show"></a></div></div></div>
    die Notes.html sieht im original so aus :

    HTML:
    1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    2.     <script>
    3.         !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    4.     </script>
    5. <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    6. <script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
    7. <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />  
    8.    
    9. <script src="jquery-notes_js/jquery-ui.js" type="text/javascript"></script>
    10. <script src="jquery-notes_js/jquery-notes_1.0.8.js" type="text/javascript"></script>
    11. <link media="all" type="text/css" href="jquery-notes_css/style.css" title="Standard" rel="stylesheet">
    12.  
    13.    
    14. <script type="text/javascript">
    15.     $(function() {
    16.  
    17.     $("div .show").fancybox({
    18.         'width'         : '100%',
    19.         'height'            : '70%',
    20.         'autoScale'         : false,                   
    21.         'transitionIn'          :'elastic',
    22.         'transitionOut'         :'elastic',
    23.         'speedIn'               :200,
    24.         'speedOut'              :200,
    25.         'overlayShow'           :false,
    26.         'type'              : 'iframe'
    27.     });
    28.     $("a#show").fancybox({
    29.         'width'             : '100%',
    30.         'height'            : '70%',
    31.         'autoScale'         : false,                   
    32.         'transitionIn'  :   'elastic',
    33.         'transitionOut' :   'elastic',
    34.         'speedIn'       :   200,
    35.         'speedOut'      :   200,
    36.         'overlayShow'   :   false,
    37.         'type'              : 'iframe'
    38.     });
    39.    
    40.         $('.jquery-note').jQueryNotes({
    41.  
    42.             minWidth: 50,
    43.  
    44.             minHeight: 50,
    45.  
    46.             maxWidth: '',
    47.  
    48.             maxHeight: '',
    49.  
    50.             aspectRatio: false,
    51.  
    52.             allowAdd: true,
    53.  
    54.             allowEdit: true,
    55.  
    56.             allowDelete: true,
    57.  
    58.             allowHide: true,
    59.  
    60.             allowReload: true,
    61.  
    62.             allowLink: true,
    63.  
    64.             allowAuthor: true,
    65.  
    66.             dateFormat: 'Y/D/M H:I',
    67.  
    68.             hideNotes: false,
    69.  
    70.             loadNotes: true,
    71.  
    72.             helper: '',
    73.  
    74.             maxNotes: null,
    75.  
    76.             operator: 'jquery-notes_php/notes.php'
    77.  
    78.         });
    79.  
    80.     });
    81.  
    82.  
    83.  
    84. </head>
    85.  
    86. test link:
    87. <a id="show" href="http://www.hupsis-e107.de/slider_apple/demo.html" title="Meine bilder Gallery">Meine bilder Gallery</a>
    88.  
    89.  
    90.     <img class="jquery-note"width="334" height="500" alt="" src="flower2.jpg">
    91. </body>
    92. </html>
    der test link funktioniert aber der notes link nicht ,versteh das nicht kann mir jemand bitte mal helfen
    Danke
    Zuletzt bearbeitet: 17. September 2011
  2. hups1803

    hups1803 Erfahrenes Mitglied

  3. hups1803

    hups1803 Erfahrenes Mitglied

    cool habs hinbekommen Danke

Diese Seite empfehlen