Beiträge von Dicker1

Dicker1

JS und PHP sind für mich nicht logisch aufgebaut.
Und was mir extrem fehlt ist das Debuggen. Das klappt bei beiden nicht gerade gut.
Ausserdem ist es auch das ich in diesem Projekt mit XML arbeiten mußte.
Die in PHP zu schreiben ist kompliziert. In Java ist es einfach und nur eine Sache von wenigen Zeilen.
Alles ohne großen aufwand und stress.
Ich hoffe mal das ich in der kommenden Zeit von Projekten verschont bleibe die mit Scriptsprachen geschrieben werden müßen.

Dicker1

Fluchen kommt nicht in frage.
Aber ich muß gestehen das mich das Problem 2 Tastaturen gekostet hat.

Ich stehe halt mit diesen Scriptsprachen auf Kriegsfuß, damit werde ich mich nie anfreunden.
Aber mein Chef hat endlich ein einsehen, und läßt mich in Zukunft, wenn es geht, mich die Dinge in Java oder einene anderen Hochsprache schreiben.
Darüber bin ich auch sehr froh.

Dicker1

Ging sehr schnell und ohne Probleme.

Dicker1

Von einem Applet war keine rede.
Aber ich muß gestehen das mir Java oder auch andere Hochsprachen logischer erscheinen und auch zu händeln sind als diese "verkümmerten" scriptsprachen.

Dicker1

Mit Java dauert es nicht ganz 30 min.
Mit der "scriptsprache" 2 Tage ohne erfolg.

Ich bin froh über alles was ich in einer Hochspreche schreiben kann.

Dicker1

Ich danke Dir.
Aber das klappt nicht.
Ich schreibe nun alles in Java. Ist für mich leichter.

Dicker

Dicker1

Ich sezte noch am ende jeder Zeile ein button mit einem "Pluszeichen" hin.
Durch druck auf diesen soll eine neue Zeile erzeugt werden.

Dicker1

[FONT=Verdana, Geneva, Arial, Helvetica, sans-serif]Hallo an alle
Ich hoffe das ihr mir helfen könnt. Ich habe anscheinend ein Brett vorm Kopf und komme nicht auf die Lösung.
folgendes.

Ich habe ein Formular das ich mit php auswerte. Dies funktioniert auch wunderbar. Nun stehe ich vor dem Problem.
Ich habe eine Table mit einer <td>.In dieser sind mehrere Eingabefelder und auch Radiobuttons. Nun möchte ich erreichen das , sobald diese Felder ausgefüllt sind, sich ein neues <tr> und <td> unter das ausgefüllte setzt.
Das wollte ich mit js machen. Aber ich komme nicht auf die Lösung. An diesem Problem bastel ich schon seit Montag herum.

Hier ist mein html-code:
[/FONT]

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="stylesheet" type="text/css" href="./css/form.css">
  <title>HOPFFASLOT RING</title>
</head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" class="bod" marginheight="0" marginwidth="0">
<table class="table_1">
    <tr class="tr_1">
      <td class="td_1"><img src="./images/Header_twst_Ring.jpg"></td>
    </tr>
    <tr>
    <td>        
      <form name="formular" action="index.php" method="post" >        
        <table class="table_form" rules="cols"border="1">
                <tr class="tr_head">
                      <th width="1%">r</th>
                      <th width="1%">g</th>
                      <th width="1%">gn</th>
                      <th width="25%">Artikelname</th>
                      <th width="7%">Preis</th>
                      <th width="5%">Bestell-Nr.</th>
                      <th width="20%">URL/Shop</th>
                      <th width="20%">Anmerkungen</th>
                      <th width="15%">Name</th>
                      <th width="5%">Stk.</th>
                </tr>
                <tr class="tr_head">
                        <td width="1%"><input name="rot" size="1" maxlength="1" type="radio" value="rot"></td>
                        <td width="1%"><input name="gelb" size="1" maxlength="1" type="radio" value="gelb"</td>
                        <td width="1%"><input name="gruen" size="1" maxlength="1" type="radio" value="gruen"</td>
                        <td width="25%"><input name="artikelname" size="30" maxlength="40" type="text" value="artikelname"</td>
                        <td width="5%"><input name="preis" size="5" maxlength="5" type="text" value="preis"</td>
                        <td width="5%"><input name="bestellnr" size="15" maxlength="15" type="text" value="bestellnr"</td>
                        <td width="20%"><input name="urlshop" size="25" maxlength="30" type="text" value="urlshop"</td>
                        <td width="22%"><input name="anmerkung" size="30" maxlength="35" type="text" value="anmerkung"</td>
                        <td width="15%"><input name="name" size="20" maxlength="20" type="text" value="name"</td>
                        <td width="5%"><input name="stk" size="4" maxlength="4" type="text" value="stk"</td>            
                </tr>
            </table>
        </form>
    </td>
    </tr>
    <tr>
        <table width="100%" cellspacing="0" cellpadding="0">
        <tr>
<td onclick="document.forms.formular.submit()" width="50%"align="left"><img src="./images/download_test_trans.jpg"></td>
            <td width="50%"align="right"class="td_down">* Nur für Mitglieder</td>
        </tr>
        <tr>
            <td id="infotext" style="text-align:center;" color="white" colspan="2">
            <?php echo $meldung; ?>
            </td>
        </tr>
        </table>
    </tr>
</table>
</body>
</html>

Alles anzeigen

[FONT=Verdana, Geneva, Arial, Helvetica, sans-serif]

Ich danke euch für eure hilfe im vorraus

Dicker[/FONT]

Dicker1

Hallo an alle
Ich habe mal wieder ein Problem und bitte euch um eure hilfe.
Folgendes.
Ich habe ein PHP formular. Die eingegeben Werte sollen in ein XML-file geschrieben werden.
Nur leider werden diese nicht geschrieben.
Wo liegt mein (Denk)fehler?

PHP file:

PHP

<?php


$imgId = $_POST['imgId'];
$artikelname = $_POST['artikelname'];
$preis = $_POST['preis'];
$bestellnr = $_POST['bestellnr'];
$urlshop = $_POST['urlshop'];
$anmerkung = $_POST['anmerkung'];
$name = $_POST['name'];
$stk = $_POST['stk'];


$meldung = "Bitte alle Eingabefelder ausf&uuml;llen!";
$allesok = 0;


$f_imgId = "ef_eingabe";
$f_artikelname = "ef_eingabe";
$f_preis = "ef_eingabe";
$f_bestellnr = "ef_eingabe";
$f_urlshop = "ef_eingabe";
$f_anmerkung = "ef_eingabe";
$f_name = "ef_eingabe";
$f_stk = "ef_eingabe";


if (isset($_POST['pruefen']))
   {
   $allesok = 1;


   if ($imgId == "")
      {
      $f_img_Id = "ef_fehler";
      $allesok = 0;
      }
   if ($artikelname == "")
      {
      $f_artikelname = "ef_fehler";
      $allesok = 0;
      }
   if ($preis == "")
      {
      $f_preis = "ef_fehler";
      $allesok = 0;
      }
   if ($bestellnr == "")
      {
      $f_bestellnr = "ef_fehler";
      $allesok = 0;
      }
   if ($urlshop == "")
      {
      $f_urlshop = "ef_fehler";
      $allesok = 0;
      }
   if ($name == "")
      {
      $f_name = "ef_fehler";
      $allesok = 0;
      }
    if ($stk == "")
      {
      $f_stk = "ef_fehler";
      $allesok = 0;
      }


   if ($allesok)
      $meldung = "Die Eingaben werden jetzt verarbeitet.";
   else
      $meldung = "Es m&uuml;ssen alle Eingabefelder ausgef&uuml;llt werden!";
   }


$dom = new DOMDocument();
 if ($dom)
     {
       $bestellliste =$dom->appendChild(new DomElement("Bestellung"));
       $daten = $bestellliste->appendChild(new DomElement("daten"));
       $daten->appendChild(new DomAttr("imgId" , $imgId));
       $daten->appendChild(new DomElement("artikelname" ,$artikelname ));
       $daten->appendChild(new DomElement("preis" , $preis));
       $daten->appendChild(new DomElement("bestellnr" , $bestellnr));
       $daten->appendChild(new DomElement("urlshop" , $urlshop));
       $daten->appendChild(new DomElement("name" , $name));
       $daten->appendChild(new DomElement("stk" , $stk));

       $dom->formatOutput = true;
       $info = $dom->saveXML();
       file_put_contents ( "./xml/xml_speicher.xml", $info);
      }
      else
      {
        $info = "Konnte kein DomObjekt erstellen";
      }

      echo $info;




?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="stylesheet" type="text/css" href="./css/form.css">
  <title>HOPFFASLOT RING</title>
</head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" class="bod" marginheight="0" marginwidth="0">
<table class="table_1">
    <tr class="tr_1">
      <td class="td_1"><img src="./images/Header_Hopfaslot_Ring.jpg"></td>
    </tr>
    <tr>
    <td>        
      <form name="formular" action="index.php" method="post" >        
        <table class="table_form" rules="cols"border="1">
                <tr class="tr_head">
                      <th width="1%">r</th>
                      <th width="1%">g</th>
                      <th width="1%">gn</th>
                      <th width="25%">Artikelname</th>
                      <th width="7%">Preis</th>
                      <th width="5%">Bestell-Nr.</th>
                      <th width="20%">URL/Shop</th>
                      <th width="20%">Anmerkungen</th>
                      <th width="15%">Name</th>
                      <th width="5%">Stk.</th>
                </tr>
                <tr class="tr_head">
                        <td width="1%"><input rot="rot" size="1" maxlength="1" type="text" class="<?php echo $f_rot; ?>"value="<?php echo rot; ?>"/></td>
                        <td width="1%"><input gelb="gelb" size="1" maxlength="1" type="text" class="<?php echo $f_gelb; ?>"value="<?php echo gelb; ?>"/></td>
                        <td width="1%"><input gruen="gr&uuml;n" size="1" maxlength="1" type="text"  class="<?php echo $f_gruen; ?>"value="<?php echo gruen; ?>"/></td>
                        <td width="25%"><input artikelname="artikelname" size="30" maxlength="40" type="text"  class="<?php echo $f_artikelname; ?>"value="<?php echo artikelname; ?>"/></td>
                        <td width="5%"><input preis="preis" size="5" maxlength="5" type="text" class="<?php echo $f_preis; ?>"value="<?php echo preis; ?>"/></td>
                        <td width="5%"><input bestellnr="bestellnr" size="15" maxlength="15" type="text" class="<?php echo $f_bestellnr; ?>"value="<?php echo bestellnr; ?>"/></td>
                        <td width="20%"><input urlshop="urlshop" size="25" maxlength="30" type="text" class="<?php echo $f_urlshop; ?>"value="<?php echo urlshop; ?>"/></td>
                        <td width="22%"><input anmerkung="anmerkung" size="30" maxlength="35" type="text" class="<?php echo $f_anmerkung; ?>"value="<?php echo anmerkung; ?>"/></td>
                        <td width="15%"><input nam="name" size="20" maxlength="20" type="text" class="<?php echo $f_name; ?>"value="<?php echo name; ?>"/></td>
                        <td width="5%"><input stk="stk" size="4" maxlength="4" type="text" class="<?php echo $f_stk; ?>"value="<?php echo stk; ?>"/></td>            
                </tr>
            </table>
        </form>
    </td>
    </tr>
    <tr>
        <table width="100%" cellspacing="0" cellpadding="0">
        <tr>
            <td onclick="document.forms.formular.submit()" width="50%"align="left"><img src="./images/download_Hopfaslot_trans.jpg"></td>
            <td width="50%"align="right"class="td_down">* Nur f&uuml;r Mitglieder</td>
        </tr>
        <tr>
            <td id="infotext" style="text-align:center;" colspan="2">
            <?php echo $meldung; ?>
            </td>
        </tr>
        </table>
    </tr>
</table>
</body>
</html>

Alles anzeigen

Das generierte xml-file:

XML

<?xml version="1.0"?>
<Bestellung>
  <daten imgId="">
    <artikelname/>
    <preis/>
    <bestellnr/>
    <urlshop/>
    <name/>
    <stk/>
  </daten>
</Bestellung>

Alles anzeigen

Danke für eure hilfe im vorraus

Dicker

Problem gefunden und lösen können

Dicker1

Hat sich erledigt.
Ich fand die funktionen offsetLeft und offsetTop

Dicker1

Hallo an alle js-Profis

Ich habe da ein kelines Problem und hoffe auf eure hilfe.

Ist es möglich, und wenn ja wie, die Position eines div's zu ermitteln das als Layer fungiert.
Das div verwende ich anstatt eines Popup-fensters. Was auch wunderbar funktioniert.

Mit offsetheight und offsetwidth kann ich ja nur die aktuelle größe des div's ermitteln. Ich finde für die Positionsbestimmung keine function.

Danke im vorraus
Dicker

Dicker1

Hallo ich303

versuch es mal mit diesem Link:

http://joebot.bots-united.com/downloads.html

Dort den zweiten Download nehmen.
Ich habe den selbst schon am laufen und das klappt damit ganz ordentlich.

Gruß
Dicker

Dicker1

Hallo synaptic
Danke für Deine hilfe.
Nachfolgend findest Du das gewünschte.

Style:

HTML

.layerOptions             {
                            position         : absolute;
                            top              : 150px;
                            left             : 150px;
                            width            : 980px;
                            height           : 600px;
                            border           : 1px solid #000000;
                            background-color : #cccccc;
                            z-index          : 1;
                            visibility       : hidden;
                            cursor           : default;
                        }

.layerOptions_zwei            {
                            position         : absolute;
                            top              : 150px;
                            left             : 150px;
                            width            : 980px;
                            height           : 600px;
                            border           : 1px solid #000000;
                            background-color : #cccccc;
                            z-index          : 2;
                            visibility       : hidden;
                            cursor           : default;
                        }


.iframeAll                {
                            position         : relative;  
                            bottom           : 0px;
                            left             : 0px;
                            width            : 100%;
                            height           : 100%;
                            border           : 1px solid #000000;
                            visibility       : hidden;
                        }

.layer_td_table            {
                           color             :#FFFFFF;
                           font-family       : Verdana;
                           font-size         : 10px;
                           font-weight       : bold;
                           text-decoration   : none;
                           background-image     :url(../images/layer_leiste.jpg);
                        }    

.layer_tab                {
                           color             :#FFFFFF;
                           font-family       : Tahoma;
                           font-size         : 11px;
                           font-weight       : bold;
                           text-decoration   : none;
                        }


.frame_ueberlauf
                        {
                            overflow          :hidden;
                        }


.mauszeiger                {
                             cursor               :nw-resize;
                        }

Alles anzeigen

html-Teil:

HTML

</head>
    <body onselectstart="return false" class="frame_ueberlauf" marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" onload="<?php if ( $_GET['siteId'] == 4 || $_GET['siteId'] == 31 || $_GET['siteId'] == 10 ) { echo "fnc_showLayer();"; }?>init();">
    <div class="layerOptions" id="divAll">
        <table border="0" cellpadding="0" cellspacing="0" height="600" width="100%">
            <tr>
                <td class="layer_td_table" border="0" cellpadding="0" cellspacing="0" height="18" width="100%">
                    <table border="0" cellpadding="0" cellspacing="0" height="15" width="100%">
                        <tr>
                            <td height="18" width="100%">
                                <table class="layer_tab" border="0" cellpadding="0" cellspacing="0" height="18" width="960" onmousedown="startDrag(document.getElementById('divAll'));" >
                                    <tr>
                                        <td height="18" width="25"><img src="./images/sem_icon_delete.gif"></td>
                                        <td height="18" width="935" ><?php echo fnc_startauswahl ( $_GET['siteId'] , "name" ); ?></td>
                                    </tr>
                                </table>
                            </td>
                            <td onclick="fnc_schliessen();" cellpadding="0" cellspacing="0" height="18" width="20"><img src="./images/layer_schliessen.jpg" border="0"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td cellpadding="2" width="100%">
                    <iframe src="<?php echo fnc_startauswahl ( $_GET['siteId'] , "seite" ); ?>" class="iframeAll" marginheight="0" marginwidth="0" scrolling="yes" frameborder="0" id="ifr_all" name="iframe_all"></iframe>
            </tr>
        </table>
    </div>

    <div class="layerOptions_zwei" id="divzwei">
        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
            <tr>
                <td class="layer_td_table" border="0" cellpadding="0" cellspacing="0" height="18" width="100%">
                    <table border="0" cellpadding="0" cellspacing="0" height="15" width="100%">
                        <tr>
                            <td height="18" width="100%">
                                <table class="layer_tab" border="0" cellpadding="0" cellspacing="0" height="18" width="960"onmousedown="startDrag(document.getElementById('divzwei'));">
                                    <tr>
                                        <td height="18" width="25"><img src="./images/sem_icon_delete.gif"></td>
                                        <td id="td_id" height="18" width="935"></td>
                                    </tr>
                                </table>
                            </td>
                            <td onclick="fnc_schliessen_zwei();" cellpadding="0" cellspacing="0" height="18" width="20"><img src="./images/layer_schliessen.jpg" border="0"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td cellpadding="2" width="100%">
                    <iframe src="fnc_showlayer_zwei();" class="iframeAll" marginheight="0" marginwidth="0" id="ifr_zwei" name="iframe_zwei" frameborder="0" scrolling="yes"></iframe>
                </td>
            </tr>
                <tr>
                    <td height="15" width="100%">
                    <table border="0" cellpadding="0" cellspacing="0" height="15" width="100%">
                    <tr>
                        <td height="15" width="965"></td>
                        <td onmousedown="fnc_anfassen()" class="mauszeiger" height="15" width="15"><img src="./images/resize.gif"></td>
                    </tr>
                    </table>
                    </td>
                </tr>
        </table>
    </div>

Alles anzeigen

Wie du siehst sind es 2 div-Container. Das resize-event wird aber nur auf den div-Container "divzwei" angewandt.

Javascript-code:

Code

//Layer und bewegung
// Auslesen der Url
    function fnc_createNewLayer( siteId )
                {
                    location.href = 'index.php?siteId=' + siteId;
                }


//Layer erstellen
    function fnc_showLayer ()
                {
                    document.getElementById('divAll').style.visibility='visible';
                    document.getElementById('ifr_all').style.visibility='visible';
                }


//Layer erstellen und den Pfad sowie den Dokumentennamen übergeben
            var pfade="";
            var td_namen="";
    function fnc_showLayer_zwei ( pfad , title )
                {
                    pfade = "./popups/servicenet/" + pfad + "/index.php";
                    td_namen =  title;
                    parent.document.getElementById('ifr_zwei').src = pfade;
                    parent.document.getElementById('td_id').innerHTML = td_namen;
                    parent.document.getElementById('divzwei').style.visibility='visible';
                    parent.document.getElementById('ifr_zwei').style.visibility='visible';
                }


//Layer schliessen
    function fnc_schliessen()
                {
                    document.getElementById('ifr_All').style.visibility='hidden';
                    document.getElementById('divAll').style.visibility='hidden';
                    document.getElementById('ifr_All').style.display='none';
                    document.getElementById('divAll').style.display='none';
                }
//Layer_zwei schliessen
    function fnc_schliessen_zwei()
                {
                    parent.document.getElementById('divzwei').style.visibility='hidden';
                    parent.document.getElementById('ifr_zwei').style.visibility='hidden';
                    parent.document.getElementById('divzwei').style.display='none';
                    parent.document.getElementById('ifr_zwei').style.display='none';
                }




//Bewegung der Layer durch Maus
                var objDrag = null;
                var mouseX = 0;
                var mouseY = 0;
                var offX = 0;
                var offY = 0;


                IE = document.all&&!window.opera;
                DOM = document.getElementById&&!IE;


//initialisierung der Funktion
        function init()
                {
                 document.onmousemove = doDrag;
                document.onmouseover = doDrag;
                document.onmouseout = doDrag;
                document.onmouseup = stopDrag;


                if(IE)
                  ieBody = getBody();
                  hy = window.event.clientY;
                  wx = window.event.clientX;
                  parent.document.onmousemove = getMousePos;
                  parent.document.onmouseup = fnc_abbrechen;
                }


//start Element
        function startDrag(objElem)
                {
                    objDrag = objElem;
                    offX = mouseX - objDrag.offsetLeft;
                    offY = mouseY - objDrag.offsetTop;
                }




//Bewegung des Layers
        function doDrag(ereignis)
                {
                    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
                    mouseY = (IE) ? window.event.clientY : ereignis.pageY;


                            if (objDrag != null)
                            {
                                objDrag.style.left = (mouseX - offX) + "px";
                                objDrag.style.top = (mouseY - offY) + "px";
                                //window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
                                var lft = parseInt(objDrag.style.left);
                                var tp = parseInt(objDrag.style.top);
                                  if (lft <= 2)
                                        {
                                         stopDrag()
                                         objDrag.style.left = "2px";
                                        }
                                 if (tp <= 2)
                                        {
                                         stopDrag()
                                         objDrag.style.top = "2px";
                                        }
                            }
                }
//Stoppen der Bewegung
        function stopDrag(ereignis)
                {
                 objDrag = null;
                }


//Größenänderung vom Div//


// Variablen für die Mausposition
var moX = 0;
var moY = 0;
var hy;
var wx;


function getBody()
{
  return (window.document.compatMode == "CSS1Compat") ?
          window.document.documentElement : window.document.body || null;
}


var ieBody = null;


// Funktion zum Ermitteln der Mausposition
function getMousePos(e)
{
  // Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
  moX = (IE) ? window.event.clientX : e.pageX;
  //moY = (IE) ? (window.event.clientY + ieBody.scrollTop) : e.pageY;
  moY = (IE) ? window.event.clientY : e.pageY;
  //window.status = "Mauskoordinaten (x, y): (" + moX + ", " + moY +")";
}


function fnc_anfassen()
{
    getMousePos()
    while (fnc_pruefen() == true)
        {
            //getMousePos()
            parent.document.onmousedown = fnc_anpassen;
            parent.document.onmousemove = fnc_anpassen;
             if (fnc_abbruch() == true)
                {
                    break;
                }
        }
}


var pruefen;
function fnc_pruefen()
{
    if (hy != moY || wx != moX)
        {
            pruefen = true;
        }
    return pruefen;
}


var abbruch;
function fnc_abbruch()
{
    if (parent.document.onmouseup = true)
        {
            abbruch = true;
        }
    return abbruch;
}


function fnc_anpassen()
{
    var apy;
    var apx;
    var sy = parent.document.getElementById('divzwei').offsetHeight;
    var sx = parent.document.getElementById('divzwei').offsetWidth;
    //alert (sy + "," + sx);
    apy = hy + (moY - sy) + "px";
    apx = wx + (moX - sx) + "px";
    //alert (apx + "," + apy);
    parent.document.getElementById('divzwei').style.height = apy;
    parent.document.getElementById('divzwei').style.width = apx;
    fnc_anfassen()
}

Alles anzeigen

So das müßte alles sein. Wenn Du noch etwas benötigst, dann gib bescheid.

Nochmals vielen Dank im voraus
Dicker

Dicker1

Ich habe versucht und versucht und herumgebastelt.
Aber es klappt nicht. Ich bin mit meinem Latein am ende.

Ich schaffe es nicht, das sich das Div mit gedrückter Maustaste vergrößert oder verkleinert.

Dicker1

Ich bstel immer noch mit dem Resize von div-Container herum:
Folgenden Code habe ich ja:

Code

function init()
                {

                if(IE)
                  ieBody = getBody(); 
                  hy = window.event.clientY;
                  wx = window.event.clientX;
                  parent.document.onmousemove = getMousePos;
                  parent.document.onmouseup = fnc_abbrechen;
                }



//Größenänderung vom Div//

// Variablen für die Mausposition                
var moX = 0; 
var moY = 0; 
var hy;
var wx;


function getBody()
{
  return (window.document.compatMode == "CSS1Compat") ?
          window.document.documentElement : window.document.body || null;
}


var ieBody = null;


// Funktion zum Ermitteln der Mausposition
function getMousePos(e)
{
  // Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
  moX = (IE) ? window.event.clientX : e.pageX;
  //moY = (IE) ? (window.event.clientY + ieBody.scrollTop) : e.pageY;
  moY = (IE) ? window.event.clientY : e.pageY;
  //window.status = "Mauskoordinaten (x, y): (" + moX + ", " + moY +")";
}


function fnc_anfassen()
{
    getMousePos()
    while (fnc_pruefen() == true)
        {
            //getMousePos() 
            parent.document.onmousedown = fnc_anpassen;
            parent.document.onmousemove = fnc_anpassen;
             if (fnc_abbruch() == true)
                {
                    break;
                }  
        }
}

var pruefen;
function fnc_pruefen()
{
    if (hy != moY || wx != moX)
        {
            pruefen = true;
        }
    return pruefen;
}        


var abbruch;    
function fnc_abbruch()
{
    if (parent.document.onmouseup = true)
        {
            abbruch = true;
        }
    return abbruch;
}


function fnc_anpassen()
{
    var apy;
    var apx;
    var sy = parent.document.getElementById('divzwei').offsetHeight;
    var sx = parent.document.getElementById('divzwei').offsetWidth;
    //alert (sy + "," + sx);
    apy = hy + (moY - sy) + "px";
    apx = wx + (moX - sx) + "px";
    //alert (apx + "," + apy);
    parent.document.getElementById('divzwei').style.height = apy;
    parent.document.getElementById('divzwei').style.width = apx;
    fnc_anfassen()
}

Alles anzeigen

Der html-code sieht so aus:

HTML

<div class="layerOptions_zwei" id="divzwei">
        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
            <tr>
                <td class="layer_td_table" border="0" cellpadding="0" cellspacing="0" height="18" width="100%">
                    <table border="0" cellpadding="0" cellspacing="0" height="15" width="100%">
                        <tr>
                            <td height="18" width="100%">
                                <table class="layer_tab" border="0" cellpadding="0" cellspacing="0" height="18" width="960"onmousedown="startDrag(document.getElementById('divzwei'));">
                                    <tr>
                                        <td height="18" width="25"><img src="./images/sem_icon_delete.gif"></td>
                                        <td id="td_id" height="18" width="935"></td>
                                    </tr>
                                </table>
                            </td>
                            <td onclick="fnc_schliessen_zwei();" cellpadding="0" cellspacing="0" height="18" width="20"><img src="./images/layer_schliessen.jpg" border="0"></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td cellpadding="2" width="100%">
                    <iframe src="fnc_showlayer_zwei();" class="iframeAll" marginheight="0" marginwidth="0" id="ifr_zwei" name="iframe_zwei" frameborder="0" scrolling="yes"></iframe>
                </td>
            </tr>
                <tr>
                    <td height="15" width="100%">
                    <table border="0" cellpadding="0" cellspacing="0" height="15" width="100%">
                    <tr>
                        <td height="15" width="965"></td>
                        <td onmousedown="fnc_anfassen()" class="mauszeiger" height="15" width="15"><img src="./images/resize.gif"></td>
                    </tr>
                    </table>
                    </td>
                </tr>
        </table>
    </div>

Alles anzeigen

Aber wenn ich das div anpacke, dann kann ich nicht mit gedrückter Maustaste das div in seiner größe verändern.
Daran bin ich schon seit bald 4 Wochen dran.
Es ist zum verzweifeln

Dicker1

Jetzt muß endlich nur noch das verändern der Größe mittels Mausklick funktionieren und ich kann dieses Projekt endlich abhacken

Dicker1

Das klappt jetzt.
Danke Dir.

Dicker1

Ich habe es so gemacht :

Code

lft = parseInt(objDrag.style.left); 
                            tp = parseInt(objDrag.style.top); 


                                  if (lft < 2)
                                        {    
                                         stopDrag()    
                                        } 
                                 if (tp < 2)
                                        {    
                                         stopDrag()    
                                        }   
                            }

Alles anzeigen

Die Werte habe ich mir anzeigen lassen. Die stimmen auch. Ebenso wird auch der "stopDrag" aufgerufen. Aber es klappt trotzdem nicht. Der Container wandert immer heraus. Die Sperre ist nicht wirksam.

Dicker1

So sieht die Drag-funktion aus:

Code

function doDrag(ereignis)
                {
                    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
                    mouseY = (IE) ? window.event.clientY : ereignis.pageY;

                            if (objDrag != null) 
                            {
                            objDrag.style.left = (mouseX - offX) + "px";
                            objDrag.style.top = (mouseY - offY) + "px";
                            //window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
                                 if (objDrag.style.left < "2px" || objDrag.style.top < "2px")
                                        {    
                                         stopDrag()    
                                        } 
                            }
                }

Alles anzeigen

Die sperre steht in der Funktion.

Auch wenn ich die Abfrage aufteile klappt es nicht.
Das verschieben stopt nach wenigen px.

Dicker1

Die Abfrage klappt nicht. Der Container läßt sich über die grenze von 2px hinausschieben. Auch ist es so, das die Containerbewegung dadurch extrem verlangsamt wird.
Left und Top reicht aus. Rechts und unten kann ich vernachlässigen

Beiträge von Dicker1

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

td mit eingabefelder mittels ja neu erzeugen

php und xml

Position ermitteln

Position ermitteln

Suche Teamspeakbot

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js

Fensterbegrenzung mit js