Tweet
Hallo,
habe folgendes Problem. Habe ein Script auf dem ich Personen markieren kann auf Bildern ...
Wenn ich auf das Bild klicke kommt ein Fenster ... Der Abstand ist aber zuweit weg von der Position auf die geklickt wurde beim Bild...
Hat wer ne Lösung für mich an was das liegt?
Der Code:
habe folgendes Problem. Habe ein Script auf dem ich Personen markieren kann auf Bildern ...
Wenn ich auf das Bild klicke kommt ein Fenster ... Der Abstand ist aber zuweit weg von der Position auf die geklickt wurde beim Bild...
Hat wer ne Lösung für mich an was das liegt?
Der Code:
Code:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#gogo {
position:relative;
left: 50px;
top: 50px;
cursor:normal;
}
#gogo div.nms_bild {
position:absolute;
z-index:1;
cursor:normal;
background-image:url("http://upload.wikimedia.org/wikipedia/commons/thumb/3/39/
Debis-Haus.Berlin.view_from_Kollhoff-Tower.jpg/330px-Debis-Haus.Berlin.view_from_Kollhoff-Tower.jpg");
background-color:#ffffff;
width:330px;height:281px;
}
#gogo div.nms_click {
width:330px;height:281px;
cursor:crosshair;
hand:crosshair;
z-index:5;
position:absolute;
}
#gogo nms_user {
position:absolute;
z-index:3;
}
#gogo div.nms_auswahl {
position:absolute;
z-index:6;
display:none;
visibility:hidden;
width:auto;
height:auto;
background-color:#f8f8f8;
border:1px solid black;
font-family:Arial;
font-size:10px;
}
#gogo antwort {
#z-index:7;
position:absolute;
#visibility:hidden;
overflow: auto;
}
-->
</style>
<link rel="stylesheet" type="text/css" href="http://images.mainpix.de/styles/layout.css">
<script language="JavaScript" type="text/javascript">
var setX="";
var setY="";
function visible(Ereignis){
if(!Ereignis){
Ereignis = window.event;
}
document.getElementById("nms_auswahl").style.marginLeft = Ereignis.clientX-7;
setX=Ereignis.clientX-7;
document.getElementById("nms_auswahl").style.marginTop = Ereignis.clientY-7;
setY=Ereignis.clientY-7;
document.getElementById("nms_auswahl").style.display = "block";
document.getElementById("nms_auswahl").style.visibility="visible";
document.getElementById("antwort").style.top = setY;
document.getElementById("antwort").style.left = setX;
//document.getElementById("antwort").innerHTML = setX +'-'+setY;
}
function over(newID){
document.getElementById("nms_auswahl_"+newID).style.backgroundColor ="#efefef";
document.getElementById("nms_auswahl_"+newID).style.cursor="pointer";
document.getElementById("nms_auswahl_"+newID).style.hand="pointer"
}
function out(newID){
document.getElementById("nms_auswahl_"+newID).style.backgroundColor ="#ffffff";
}
function name_suchen(){
if(navigator.appName.search("Microsoft") > -1){
http_request = new ActiveXObject("MSXML2.XMLHTTP");
}
else {
http_request = new XMLHttpRequest();
}
}
function namenInhalt(){
if (http_request.readyState == 4){
document.getElementById("antwort").innerHTML = http_request.responseText
}else{
document.getElementById("antwort").innerHTML = '<img src="" border="0">';
}
}
function v_close(){
document.getElementById("nms_auswahl").style.display = "none";
document.getElementById("nms_auswahl").style.visibility="hidden";
}
function v_insert(userID,userNAME){
if(navigator.appName.search("Microsoft") > -1){
http_request = new ActiveXObject("MSXML2.XMLHTTP");
}
else {
http_request = new XMLHttpRequest();
}
document.getElementById("nms_auswahl").style.display = "none";
document.getElementById("nms_auswahl").style.visibility="hidden";
//alert(setX+" - "+setY);
}
function insertInhalt(){
if (http_request.readyState == 4){
bild_neuladen();
}else{
}
}
function bild_neuladen(){
if(navigator.appName.search("Microsoft") > -1){
http_request = new ActiveXObject("MSXML2.XMLHTTP");
}
else {
http_request = new XMLHttpRequest();
}
}
function bildInhalt(){
if (http_request.readyState == 4){
document.getElementById("nms_user").innerHTML = http_request.responseText
}else{
}
}
</script>
<body onload="bild_neuladen();">
<span id="nms_user" class="nms_user"></span>
<div id="gogo">
<div id="nms_bild" class="nms_bild"></div>
<div id="nms_click" class="nms_click" onclick="JavaScript:visible(event);"></div>
<div id="nms_auswahl" class="nms_auswahl">
<form name="fl">
<input type="text" name="name" size="20" value="suche einen Namen" onclick="this.value='';" onkeyup="name_suchen();"><br>
<span id="antwort" class="antwort"></span>
</form>
</div>
</div>
</body>
</html>
Moderator
Kommentar