Jquery-note und fancybox

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:
 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:
<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:
<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
 
Zuletzt bearbeitet:
Zurück