Popup eines Helferleins!

[Razorhawk]

So mal eine Frage:

http://www.sunshine-familie.de/will/will.html

Wenn ihr auf diese Seite geht, dann haben wir da plötzlich so einen kleinen Magier der über Sprechblase und Sound zu dir spricht. Den kann man ausblenden oder per Drag and Drop irgendwo auf den Bildschirm hinschieben.

Da ich aber nicht weiß wie das Funktioniert habe ich es mal allgemein ins HTML Forum geschrieben, denn ich weiß, dass das mit Javascript nicht geht und auch nicht mit Flash. Bei java bin ich mir nicht ganz sicher, aber ich bin der Meinung, dass sich bei Java auch immer alles auf ein Applet begrenzt!

Hat einer ne Idee?

 

[Roswitha]

Popup eines Helferleins

Hallo, warum hast Du uns denn nicht gefragt?

Wir senden Dir gerne das Javascript zu, der kleine Merlin ist auf jedem PC der Win XP Betriebssystem hat.

Liebe Grüsse Roswitha.

 

[Thomas Lindner]

Re: Popup eines Helferleins

Original geschrieben von Roswitha
[ ... ]Wir senden Dir gerne das Javascript zu, der kleine Merlin ist auf jedem PC der Win XP Betriebssystem hat.
[ ... ]

Anmerkung des Teams:

Mit Hilfe von einem Zusatztool auch für andere Windoffversionen verfügbar und in eighene Programe einbaubar.

Infos: http://www.microsoft.com/msagent/default.asp

 

[Sebastian Wramba]

Also mir geht das Teil mehr auf den Geist, als dass ich es irgendwie gut finde... aber muss jeder selbst wissen

IMO geht das Teil sehr zur Lasten der Useability.

 

[Razorhawk]

Jut irgendwie dachte ich mir das schon!

Wollte das nur mal wissen und zur Not könnte mir jemand das Script mal geben... aus rein fakultativen Zwecken natürlich

 

[G-Protector]

Hier hast du einen Script:

Hallo Leute,
hier ist ein selbstgeschriebener JavaScript, der eine Popup-Box öffnet, und die man verschieben kann:

<script language="JavaScript1.2">
//Popup Box- by josipjuric@gmx.at

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage

var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}

</script>

<div id="showimage" style="position:absolute;width:250px;left:250;top:250">

<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
height="36">
<tr>
<td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></layer></ilayer></td>
<td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">

<!-- Inhalt ---->

Hier kommt dein Text rein.

<!-- Inhalt----->

</td>
</tr>
</table>
</td>
</tr>
</table>
</div>