mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 18:40 Benutzername: Passwort: Auto-Login

Thema: Post it zum verschieben und schließen. Bitte bitte helft mir vom 10.08.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Post it zum verschieben und schließen. Bitte bitte helft mir
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

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Fr 11.08.2006 07:27
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
Anzeige
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 :-)
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.