Her er min kode
Dette er index siden
<script type="text/javascript" src="javascripts/prototype.js"> </script>
<script type="text/javascript" src="javascripts/effects.js"> </script>
<script type="text/javascript" src="javascripts/window.js"> </script>
<script type="text/javascript" src="javascripts/window_ext.js"> </script>
<script type="text/javascript" src="javascripts/debug.js"> </script>
<script type="text/javascript" src="javascripts/test.js"> </script>
<script type="text/javascript" src="js/application.js"> </script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="themes/default.css" rel="stylesheet" type="text/css">
<link href="themes/alphacube.css" rel="stylesheet" type="text/css">
<link href="themes/lighting.css" rel="stylesheet" type="text/css"/>
<link href="themes/mac_os_x.css" rel="stylesheet" type="text/css"/>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="css/pwc-os.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--bottom dock -->
<div class="dock" id="dock2">
<div class="dock-container2">
<a class="dock-item2" href="#" onclick="win1.show();"><span>Medlemmer</span><img src="images/home.png" alt="home" /></a>
<a class="dock-item2" href="#"><span>Contact</span><img src="images/email.png" alt="contact" /></a>
<a class="dock-item2" href="#"><span>Portfolio</span><img src="images/portfolio.png" alt="portfolio" /></a>
<a class="dock-item2" href="#"><span>Music</span><img src="images/music.png" alt="music" /></a>
<a class="dock-item2" href="#"><span>Video</span><img src="images/video.png" alt="video" /></a>
<a class="dock-item2" href="#"><span>History</span><img src="images/history.png" alt="history" /></a>
<a class="dock-item2" href="#"><span>Calendar</span><img src="images/calendar.png" alt="calendar" /></a>
<a class="dock-item2" href="#"><span>Links</span><img src="images/link.png" alt="links" /></a>
<a class="dock-item2" href="#"><span>RSS</span><img src="images/rss.png" alt="rss" /></a>
<a class="dock-item2" href="#"><span>RSS2</span><img src="images/rss2.png" alt="rss" /></a>
</div>
</div>
<div id="dock3"></div>
<!--dock menu JS options -->
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function()
{
jQuery('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
<?php
$text = "Dette er en test for at se om det virker som det skal";
?>
<script type="text/javascript">
win1 = new Window({className: "alphacube", title: "Medlemmer", width:500, height:500, top:70, left:100, url: "medlemmer.php", showEffectOptions: {duration:1.5}})
</script>
Og dette er den funktion som jeg har fundet og som jeg skal have til at virker sammen med denne dock
// Overide Windows minimize to move window inside dock
Object.extend(Windows, {
// Overide minimize function
minimize: function(id, event) {
var win = this.getWindow(id)
if (win && win.visible) {
// Hide current window
win.hide();
// Create a dock element
var element = document.createElement("span");
element.className = "dock_icon3";
element.style.display = "none";
element.win = win;
$('dock3').appendChild(element);
Event.observe(element, "mouseup", Windows.restore);
$(element).update(win.getTitle());
new Effect.Appear(element)
}
Event.stop(event);
},
// Restore function
restore: function(event) {
var element = Event.element(event);
// Show window
element.win.show();
//Windows.focus(element.win.getId());
element.win.toFront();
// Fade and destroy icon
new Effect.Fade(element, {afterFinish: function() {element.remove()}})
}
})
