document.write Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
willstdueswissen

willstdueswissen hat kostenlosen Webspace.

13:20, 7.11.2013
Ich hab ein Problem und zwar möchze ich html Objekt mit einem selbst auf ruf über this als Name für ein Object haben geht so was
im Object soll dann was anderes stehen wie z.b. true oder false

Ich hab nämlich so was schon ausprobiert aber mit documwnt.write Befehl kam nicht der Inhalt raus

Zusätzlich ist das Problem wenn ich jetzt allgemein document.write("Beispiel"); mache ist der rest der Seite weg kann man das unterbinden

Beitrag zuletzt geändert: 7.11.2013 13:47:37 von willstdueswissen
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
copynpaste

copynpaste hat kostenlosen Webspace.
14:05, 7.11.2013
Zu deinem ersten Problem kann ich dirt leider nicht helfen, weil ich einfach deine Beschreibung dazu nicht verstehe.

document.write() überschreibt an der STelle den kompletten Inhalt von "document" mit dem übergebenen String. Wenn du ein Bestimmtes Div o.ä. hast, welchem du einfach Text setzten willst könntest du es in etwa so umsetzen:
```
document.getElementById('dynamicDiv').write('Hello World!');
```
So würdest du in das Div mit der id dynamicDiv Hello World reichschreiben:
```
<div id="dynamicDiv">
Hello World!
</div>
```
In der write() Funktion kannst du auch direkt HTML-Code übergeben, je nachdem was du eben vor hast.

Autor dieses Themas

willstdueswissen hat kostenlosen Webspace.

14:42, 7.11.2013

Danke dafür das erste Problem ist auch nicht einfach zu beschreiben am besten ich Posten den ganzen Quellcode:

<html>
<head>
<title>Drag-and-Drop</title>
<script type="text/javascript">
<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4

//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

var object=new Object();
var objects=new Array();

// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;

// Mausposition
var posx = 0;
var posy = 0;


function draginit() {
 // Initialisierung der Überwachung der Events

  document.onmousemove = drag;
  document.onmouseup = dragstop;
}


function dragstart(element) {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

  dragobjekt = element;
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
// Hier wird die Funktion für den neuen Eintrag aufgerufen der Inhalt wird dort hinein geladen
//Inhalt == Das Objekt das bewegt wird
  fue(objects, dragobjekt);
}


function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
  
  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  
  if(!(posy-dragy==Math.abs(posy-dragy))){
  posy=0;
  dragy=0;
  }
  if(dragobjekt != null) {
    dragobjekt.style.left = (0) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
  }
  
//Hier kommt was komisches raus auf jedenfall nicht das Objekt
  window.alert(objects[]);

  
  dragobjekt=null;
}


function drag(ereignis) {
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.

  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {
    dragobjekt.style.left = (posx - dragx) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
    
    object[dragobjekt]=new Object();
    object[dragobjekt]["left"]=(posx - dragx);
    object[dragobjekt]["right"]=(posx - dragx);
    
    
  }
}


// hier wird geguckt ob der Inhalt schon vorhanden ist
// wenn nicht wird ein neuer Eintrag erstellt

function fue(dasarray, wert){

var der_index = index_finden(dasarray, wert);
if (der_index > -1) { 
return 0;
} else {
objects[objects.length]=wert;
}
return dasarray;
}


function index_finden(dasarray,wert){

for (var i = 0; i < dasarray.length; i++) {
if (dasarray[i] === wert) {
return i; document.write(i);
}
}
return -1;
}


//-->
</script>
<style>
body{
padding: 0px;
margin: 0px;
}
</style>
</head>
<body onload="draginit()">
<div onmousedown="dragstart(this)" style="position:absolute;top:0px;left:0px;height:50px;width:100%;background:#ff0000" id="header">Header</div>
<div onmousedown="dragstart(this)" style="position:absolute;top:100px;left:0px;height:50px;width:100%;background:#0000ff" id="content">content</div>
<div onmousedown="dragstart(this)" style="position:absolute;top:200px;left:0px;height:50px;width:100%;background:#00ff00" id="footer">Footer</div>
</body>
</html>

Edit:

Wenn jemand ne andere Lösung für Drag und Drop hat mit Dropzones
z.B.
NE Liste

Nehme ich das auch gerne an

Beitrag zuletzt geändert: 7.11.2013 15:44:34 von willstdueswissen

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city