---

hydrant.gif hydrant_edit.gif

Hallo zusammen,

hab ein kleines Problem (da ich noch nicht fit mit Java bin)

Ich habe ein Programm welches per DLL Datenbankmasken ins HTML Format bringt. An diese Formulare kann jedoch noch eine frei definierbare Script Datei angehängt werden.

Konkret habe ich in der Datenbank ein Feld für z.B. Bilder. Dieses wird automatisch als Textfeld angezeigt. Ich möchte aber das mir eine Vorschau angezeigt wird. Ausserdem soll man im Editiermodus das Bild durch den Windows Standarddialog wählen können.


Klappt auch so weit ganz gut, aber
Um das Script möglichst einfach in andere Masken übertragen zu können möchte ich einige Positionsangaben für die Felder direkt aus der Maske lesen können.

Code:

---

!-- *** Dokument anzeigen *** --> 

<script type='Text/JavaScript'>
<!--
    // Feldname
    var Feld = "SKIZZE"
    // Dateiname aus Feld auslesen
    var winImage=document.getElementsByName(Feld)[0].value

    if (document.getElementsByTagName("input")[0].name != "TBG_Cmd") {

        // ** Edit Modus **
        // Auswahlbutton für Dateiauswahl
        document.writeln("<INPUT type=File Name='DocEingabe' style='position:absolute; Left:470; Top:230; width:1px' OnChange='document.getElementsByName(Feld)[0].value=DocEingabe.value' >");

****** Hier liegt der Fehler *****
        //alert (Feld + '.top=  ' + document.getElementById(Feld).top);
        //document.writeln("<INPUT type=File Name='DocEingabe' style='position:absolute; Left:470; Top:" + document.getElementsByName(Feld)[0].top + "; width:1px' OnChange='document.getElementsByName(Feld)[0].value=DocEingabe.value' >");

    } else {

        // ** Anzeige MODUS **
        // gibt es ein Dokument ?
        if (winImage == '') {
          // kein Dokument vorhanden
          // dann Pseudobutton oder nichts (nächste Zeile auskommentieren)
          document.writeln("<INPUT type=Button Value='<leer>' style='position:absolute; Left:470; Top:290; width:220px; color:#ABABAB;' OnClick='alert(\"Kein Dokument vorhanden\")'>");
          // Label KEIN BILD
          document.writeln("<p style='position:absolute; px:10; Left:475; Top:160;'>Kein Bild vorhanden!</p>");
        } else {
          // es gibt einen Eintrag       

          // Pfad im Dateisystem in eine URL umwandeln
          var urlImage = win2url(winImage);

          // debug Info ob Pfad richtig umgesetzt wurde
          //alert ("INFO: " + winImage + " " + urlImage);

          // Button zum anzeigen oder nichts (nächste Zeile auskommentieren)
          document.writeln("<INPUT type=Button Value='Dokument anzeigen' style='position:absolute; Left:470; Top:290; width:220px' OnClick='window.open(urlImage,\"Dokument\",\"\")'>");
          // Label als Bildüberschrift
          document.writeln("<p style='position:absolute; px:10; Left:470; Top:60;'>Bild</p>");
          // Bild einfügen als Hyperlink
          document.writeln("<a href='" + urlImage +  "' target='_blank'><IMG src='" + urlImage + "' alt='vergrößern' style='position:absolute; Left:470; Top:80; Width:220; height:200;'></a>");
        }
       
    }

function win2url(winImage){
        //alert ('INFO: ' + winImage);

        // hier können auch meherer re stehen um verschiedene Pfade umzusetzen
        // erster Pfad
        re = /E:\\PROJEKTE\\FHD\\WASSER\\SKIZZE\\/gi;
        urlImage = winImage.replace(re,"http://intranet/fhdskizze/");
        // zweiter Pfad
        re = /M:\\PROJEKTE\\KOEWI\\/gi;
        urlImage = urlImage.replace(re,"http://intranet/koewi/");

        return urlImage;
}
-->
</script>

---

Deshalb die Frage kann ich für ein Element die Eigenschft Top und Left auslesen ?

Stelli

------------------
Warum lisp'eln wenn's auch anders geht.
www.ib-stelberg.de

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Hallo,

Hatte was übersehen.

mit document.getElementById(Feld).style.left gehts.

Daraus ergibt sich aber dann gleich das nächste Problem:
Ich möchte die Position hinter der Textbox berechnen.
Die Rückgabe für die Position ist aber z.b. 230px

Was muss ich machen um die Werte zu addieren ??

Code:

---

var links = document.getElementById(Feld).style.left + document.getElementById(Feld).style.width

---

Stelli

------------------
Warum lisp'eln wenn's auch anders geht.
www.ib-stelberg.de

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

---

Habs gelöst. Nicht schön aber es geht.
Vielleicht hat noch einer eine schönere Methode.

Code:

---

Bildzeigen("SKIZZE",470,320,220,200,true);

function Bildzeigen(Feld,intLeft,intTop,intWidth,intHeight,bolEdit){
    // Dateiname aus Feld auslesen
    var winImage=document.getElementsByName(Feld)[0].value

    if (document.getElementsByTagName("input")[0].name != "TBG_Cmd") {

        // ** Edit Modus **
        if (bolEdit==true){
          // Auswahlbutton für Dateiauswahl
          // Position berechnen hinter Eingabefeld
  var strLinks=document.getElementById(Feld).style.left;
          var strLinks = strLinks.substring(0,strLinks.length - 2);
          var intLinks = strLinks * 1
  var strBreit=document.getElementById(Feld).style.width
          var strBreit=strBreit.substring(0,strBreit.length - 2);
          var intBreit = strBreit * 1
          var intLeft=intLinks + intBreit;
          var intTop=document.getElementsByName(Feld)[0].style.top;

          document.writeln("<INPUT type=File Name='DocEingabe' style='position:absolute; width:1; Left:" + intLeft + "; Top:" +  intTop + ";' OnChange='document.getElementById(\"" + Feld + "\").value=this.value' >");
        }

---

Stelli

------------------
Warum lisp'eln wenn's auch anders geht.
www.ib-stelberg.de

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP