ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
757
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    hups1803 ist offline Mitglied Gold
    Registriert seit
    Jan 2008
    Beiträge
    197
    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 :
    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-Code:
    <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-Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    	<script>
    		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    	</script>
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />   
        
    <script src="jquery-notes_js/jquery-ui.js" type="text/javascript"></script>
    <script src="jquery-notes_js/jquery-notes_1.0.8.js" type="text/javascript"></script>
    <link media="all" type="text/css" href="jquery-notes_css/style.css" title="Standard" rel="stylesheet">
    
    	
    <script type="text/javascript">
        $(function() {
    
    	$("div .show").fancybox({
    		'width'			: '100%',
    		'height'			: '70%',
    		'autoScale'			: false,					
    		'transitionIn'	        :'elastic',
    		'transitionOut'	        :'elastic',
    		'speedIn'		        :200, 
    		'speedOut'		        :200, 
    		'overlayShow'	        :false,
    		'type'				: 'iframe'
    	});
    	$("a#show").fancybox({
    		'width'				: '100%',
    		'height'			: '70%',
    		'autoScale'			: false,					
    		'transitionIn'	:	'elastic',
    		'transitionOut'	:	'elastic',
    		'speedIn'		:	200, 
    		'speedOut'		:	200, 
    		'overlayShow'	:	false,
    		'type'				: 'iframe'
    	});
    	
        	$('.jquery-note').jQueryNotes({
    
        		minWidth: 50,
    
        		minHeight: 50,
    
        		maxWidth: '',
    
        		maxHeight: '',
    
        		aspectRatio: false,
    
        		allowAdd: true,
    
        		allowEdit: true,
    
        		allowDelete: true,
    
        		allowHide: true,
    
        		allowReload: true,
    
        		allowLink: true,
    
        		allowAuthor: true,
    
        		dateFormat: 'Y/D/M H:I',
    
        		hideNotes: false,
    
        		loadNotes: true,
    
        		helper: '',
    
        		maxNotes: null,
    
        		operator: 'jquery-notes_php/notes.php'
    
        	});
    
        });
    
    
    </script>
    
    </head>
    
    <body>
    test link:
    <a id="show" href="http://www.hupsis-e107.de/slider_apple/demo.html" title="Meine bilder Gallery">Meine bilder Gallery</a>
    
    
    	<img class="jquery-note"width="334" height="500" alt="" src="flower2.jpg">
    </body>
    </html>
    der test link funktioniert aber der notes link nicht ,versteh das nicht kann mir jemand bitte mal helfen
    Danke
    Geändert von hups1803 (17.09.11 um 14:34 Uhr) Grund: text geändert
     

  2. #2
    hups1803 ist offline Mitglied Gold
    Registriert seit
    Jan 2008
    Beiträge
    197
     

  3. #3
    hups1803 ist offline Mitglied Gold
    Registriert seit
    Jan 2008
    Beiträge
    197
    cool habs hinbekommen Danke
     

Ähnliche Themen

  1. Fancybox und IE9
    Von nordi im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 27.07.11, 12:38
  2. Problem mit FancyBox
    Von wendan12 im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 09.11.10, 16:23
  3. JQuery Fancybox mit Script anpassen funtkioniert nicht ganz
    Von Jan-Frederik Stieler im Forum Javascript & Ajax
    Antworten: 8
    Letzter Beitrag: 16.09.10, 13:11
  4. jQuery Link für Fancybox über <tr>
    Von ullid im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 13.11.09, 16:34
  5. JQuery/Fancybox Klick nachstellen
    Von danielmueller1985 im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 08.09.09, 23:12