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
der generiete html code in meiner note.html sieht dann im browser so aus :
die Notes.html sieht im original so aus :
der test link funktioniert aber der notes link nicht ,versteh das nicht kann mir jemand bitte mal helfen
Danke
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: