php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 23-08-2010, 16:42
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard Personen auf Bild markieren - Abstand Problem

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:
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>

Geändert von Hendrik33 (23-08-2010 um 19:58 Uhr)
Mit Zitat antworten
  #2 (permalink)  
Alt 23-08-2010, 17:56
unset
  Moderator
Links : Onlinestatus : unset ist offline
Registriert seit: Jan 2007
Ort: Düsseldorf
Beiträge: 3.782
unset befindet sich auf einem aufstrebenden Ast
Standard

Erstmal schön umbrechen, mein Bester!
Mit Zitat antworten
  #3 (permalink)  
Alt 23-08-2010, 18:42
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Hää?
Wo was wie?
Mit Zitat antworten
  #4 (permalink)  
Alt 23-08-2010, 18:44
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.722
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Auf "ändern" klicken und dann die extrem langen Zeilen umbrechen.

Peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #5 (permalink)  
Alt 23-08-2010, 19:59
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

So gemacht
Jetzt hoffe ich auf euch
Mit Zitat antworten
  #6 (permalink)  
Alt 25-08-2010, 12:52
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Weiß keiner was?
Mit Zitat antworten
  #7 (permalink)  
Alt 25-08-2010, 13:57
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Hallo,

hast du zufällig ein Onlinebeispiel zur Hand? Mit dem Code alleine kann ich das grad nicht nachvollziehen.

Gruß,

Amica
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!
Mit Zitat antworten
  #8 (permalink)  
Alt 25-08-2010, 14:13
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Kopiere dir einfach den Code
Das langt schon um das Problem nachzuvollziehen
Mit Zitat antworten
  #9 (permalink)  
Alt 25-08-2010, 14:21
AmicaNoctis
  Moderatorin
Links : Onlinestatus : AmicaNoctis ist offline
Registriert seit: Jul 2009
Beiträge: 5.709
Blog-Einträge: 9
AmicaNoctis sorgt für eine eindrucksvolle AtmosphäreAmicaNoctis sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Hendrik33 Beitrag anzeigen
Kopiere dir einfach den Code
Hab ich schon lange. Das ist erstmal schlechtes HTML, der JS-Code ergibt keinen Sinn und von Bildern und neuen Fenstern ist auch nichts zu sehen.

Zitat:
Zitat von Hendrik33 Beitrag anzeigen
Das langt schon um das Problem nachzuvollziehen
Das langt gerade dafür, zu der Frage zu kommen, wen du hier veralbern willst.

Liefere eine nachvollziehbare und vernünftige Problembeschreibung oder das hier landet im Müll.
__________________
Hast du die Grundlagen zur Fehlersuche gelesen? Hast du Code-Tags benutzt?
Hast du als URL oder Domain-Beispiele example.com, example.net oder example.org benutzt?
Super, danke!
Mit Zitat antworten
  #10 (permalink)  
Alt 25-08-2010, 15:25
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

Es geht deshalb nicht da ich umbrechen musste im Code laut euren Moderatoren hier ...
Deshalb wird das Bild auch nicht angezeigt ...

Hier die URL: http://www.ff-mittelsinn.de/test.html

wenn der crossfader kommt dann klicke mal und dann siehste das ne box kommt ...
die ist zu weit von der stelle entfernt wo man geklickt hat. wie kriege ich die näher dran? dass meine ich
Mit Zitat antworten
  #11 (permalink)  
Alt 25-08-2010, 15:37
eagle275
 Registrierter Benutzer
Links : Onlinestatus : eagle275 ist offline
Registriert seit: Jun 2010
Beiträge: 403
eagle275 befindet sich auf einem aufstrebenden Ast
Standard

hm .. auf der Testseite sind es ca 50px rechts, 50 px runter .. was mich irgendwie an eine deiner Styleanweisungen erinnert (left: 50px , top: 50px )...

was passiert denn, wenn du die Werte im "Abschnitt " #gogo mal kleiner machst ?
__________________

Wer LESEN kann, ist klar im Vorteil!
Mit Zitat antworten
  #12 (permalink)  
Alt 25-08-2010, 15:41
Hendrik33
 Registrierter Benutzer
Links : Onlinestatus : Hendrik33 ist offline
Registriert seit: Aug 2010
Beiträge: 70
Hendrik33 zeigte ein beschämendes Verhalten in der Vergangenheit
Standard

dann würde es gehen wenn ich auf 1px mache bei beiden werten...
das problem ist aber, dass der div erst links und von oben bei 50px platziert werden soll (dort wo das bild geladen werden soll)
Mit Zitat antworten
  #13 (permalink)  
Alt 25-08-2010, 15:54
eagle275
 Registrierter Benutzer
Links : Onlinestatus : eagle275 ist offline
Registriert seit: Jun 2010
Beiträge: 403
eagle275 befindet sich auf einem aufstrebenden Ast
Standard

dann mach margin-left und margin-top bei deiner Berechnung jeweils kleiner als nur Ereignis.clientX ( bzw clientY) und passe die Werte für document.getElementById("antwort").style.top / style.left entsprechend mit an

mit

Code:
if(!Ereignis){
Ereignis = window.event;
}
document.getElementById("nms_auswahl").style.marginLeft = Ereignis.clientX-48;
setX=Ereignis.clientX-7;
document.getElementById("nms_auswahl").style.marginTop = Ereignis.clientY-48;
setY=Ereignis.clientY-7;
document.getElementById("nms_auswahl").style.display = "block";
document.getElementById("nms_auswahl").style.visibility="visible";
    
document.getElementById("antwort").style.top = setY-48;
document.getElementById("antwort").style.left = setX-48;
liegt die Antwort-Box schön dicht am Crosshair (zum bleistift)

nur mal so am Rande .. nimm Firefox mit Firebug für die Tests von "sowas" .. da kann man recht schön die Abmessungen solcher berechneter Divs anzeigen lassen
__________________

Wer LESEN kann, ist klar im Vorteil!

Geändert von eagle275 (25-08-2010 um 16:11 Uhr)
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JavaScript Problem Markieren von Link 1 und dann bei wechsel nicht mehr markieren sanktusm HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 1 08-12-2008 19:01
[CSS] Problem mit Abstand bei Firefox und Opera sowie Mindesthöhe bei IE6 tester_12345 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 13 16-06-2008 16:42
CSS Layout - Problem mit Abstand im IE lordz HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 20-05-2007 20:04
Firefox Problem - vertikaler Abstand zwischen Bildern Neo23x0 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 4 29-11-2005 23:20
Problem mit Markieren von Suchergebnissen luenstedt PHP Developer Forum 17 10-05-2005 21:42

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni

Wissensbestand in Unternehmen
Wissensbestand in UnternehmenLebenslanges Lernen und Weiterbilden sichert Wissensbestand in Unternehmen

25.05.2018 | Berni


 

Aktuelle PHP Scripte

PHP Server Monitor

PHP Server Monitor ist ein Skript, das prüft, ob Ihre Websites und Server betriebsbereit sind.

11.09.2018 Berni | Kategorie: PHP/ Security
PHP WEB STATISTIK ansehen PHP WEB STATISTIK

Die PHP Web Statistik bietet Ihnen ein einfach zu konfigurierendes Script zur Aufzeichnung und grafischen und textuellen Auswertung der Besuchern Ihrer Webseite. Folgende zeitlichen Module sind verfügbar: Jahr, Monat, Tag, Wochentag, Stunde Folgende son

28.08.2018 phpwebstat | Kategorie: PHP/ Counter
Affilinator - Affilinet XML Produktlisten Skript

Die Affilinator Affilinet XML Edition ist ein vollautomatisches Skript zum einlesen und darstellen der Affili.net (Partnerprogramm Netzwerk) Produktlisten und Produktdaten. Im Grunde gibt der Webmaster seine Affilinet PartnerID ein und hat dann unmittelb

27.08.2018 freefrank@ | Kategorie: PHP/ Partnerprogramme
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 14:47 Uhr.