Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
webmaster-ff
Threadersteller
Dabei seit: 10.08.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 10.08.2006 16:33
Titel Post it zum verschieben und schließen. Bitte bitte helft mir |
|
|
Hallo.
Ich habe leider keine Ahnung von Java usw. Baue aber die Homepage unserer Feuerwehr mit Dreamweaver.
Ich brauche aber dringend eine "Post it" welches man im Fenster herum schieben und wenn man möchte mit einem [X] schließen kann. Ich habe 2 Dinge gefunden, welche ok wären nur kann ich sie nicht zusammenfügen.
Das eine kann man schieben aber nicht schließen, das andere kann man schließen aber nicht schieben. Als Post it hätte ich mir eine Grafik von z.B. Photoshop vorgestellt
Bitte bitte helft mir. Ich wäre euch sehr dankbar.
Das Postit könnte so aussehen. http://www.epse.be/images/postit02.gif
Script zum schieben (es soll allerdings nur eine Grafik geschoben werden):
<script language="JavaScript">
<!--
var curElement;
function doMouseMove() {
var newleft=0, newTop = 0
if ((event.button==1) && (curElement!=null)) {
// position object
newleft=event.clientX-document.all.OuterDiv.offsetLeft-(curElement.offsetWidth/2)
if (newleft<0) newleft=0
curElement.style.pixelLeft= newleft
newtop=event.clientY -document.all.OuterDiv.offsetTop-(curElement.offsetHeight/2)
if (newtop<0) newtop=0
curElement.style.pixelTop= newtop
event.returnValue = false
event.cancelBubble = true
}
}
function doDragStart() {
// Don't do default drag operation.
if ("IMG"==event.srcElement.tagName)
event.returnValue=false;
}
function doMouseDown() {
if ((event.button==1) && (event.srcElement.tagName=="IMG"))
curElement = event.srcElement
}
if (navigator.appName != "Netscape") {
document.ondragstart = doDragStart;
document.onmousedown = doMouseDown;
document.onmousemove = doMouseMove;
document.onmouseup = new Function("curElement=null")
}
var oldX, oldY, objSelected="null";
var totalFlies=2;
function begindrag(e) {
objSelected=getSelectedElement(e.pageX,e.pageY);
if (objSelected != "null"){
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=drag;
oldX=e.pageX;
oldY=e.pageY;
return false;
}
}
function enddrag(e) {
document.onmousemove=0;
document.releaseEvents(Event.MOUSEMOVE);
objSelected="null";
return false;
}
function drag(e) {
obj.offset(e.pageX - oldX, e.pageY - oldY);
oldX = e.pageX;
oldY = e.pageY;
}
if (navigator.appName == "Netscape") {
document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
document.onmousedown=begindrag;
document.onmouseup=enddrag;
}
function getSelectedElement(clickX,clickY){
// for i through number of fly
// obj=fly number
// test if mouse has clicked within its borders
for (var i=1; i<totalFlies+1; i++){
eval('obj=document.layers["fly' +i+ '"]');
if ( (clickX > obj.left) && (clickX < obj.left+obj.clip.width)
&& (clickY > obj.top) && (clickY < obj.top+obj.clip.height)){
return obj;
}
}
return ("null");
}
// -->
</script>
<style type="text/css">
#big {position: absolute; visibility: visible; left: 240; top: 80; z-index: 10; }
#right {position: absolute; visibility: visible; left: 440; top: 265; z-index: 20; }
#left {position: absolute; visibility: visible; left: 100; top: 160; z-index: 30; }
</style>
<script language="JavaScript">
if (navigator.appName == "Netscape") {
document.write("<div id=big><IMG NAME=big SRC=globe.gif border=0 width=75 height=75></div>");
document.write('<div id=right><IMG NAME=right SRC=globe.gif border=0 width=75 height=75></div>');
document.write('<div id=left><IMG NAME=left SRC=globe.gif border=0 width=75 height=75></div>');
}else{
document.write("<DIV id=OuterDiv style=width:100%;height:380px; width: 600px; >");
document.write("<IMG ID=big SRC=globe.gif border=0 width=75 height=75>");
document.write("<IMG ID=right SRC=globe.gif border=0 width=75 height=75>");
document.write("<IMG ID=left SRC=globe.gif border=0 width=75 height=75>");
document.write("</DIV>");
document.write("<SCRIPT FOR=bigFly EVENT=onmousedown>");
document.write("event.cancelBubble=true");
document.write("</SCR"+"IPT>");
}
</script>
Post it zum schließen aber nicht zum schieben:
<div id="postit"><a href="javascript:void(document.getElementById('postit').style.display='none')" style="float: right;">[X]</a>
blahblah</div>
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Fr 11.08.2006 07:27
Titel
|
|
|
Kann dir zwar nicht wirklich weiterhelfen, der Sinn des Ganzen erschließt sich mir auch noch nicht aber ne kleine Anmerkung: Java != JavaScript
Ich würde das, wenn überhaupt, mit Flash realisieren...
|
|
|
|
|
Anzeige
|
|
|
|
|
|
Ähnliche Themen |
bitte bitte liebe flash-könner, helft mir!
suche passwortschutzscript - bitte helft mir
PHP Upload Script, Bitte helft mir!
Galerie Problem..Bitte helft mir
Upload funtioniert nicht, bitte helft mir...
Dreamweaver Vorlagen Problem! Bitte helft mir :-)
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|