Announcement

Collapse
No announcement yet.

auf ein bild schreiben

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • auf ein bild schreiben

    ich habe in einer Form ein Bild
    ermittel nun mit JS onClick die Position der Maus auf dem Bild

    soo ...
    und nun will ich einen neues input Feld erstellen (kein Ding)

    ABER ...

    Code:
    <form name="pointform" id="myForm" method="post">
      <img id="x_image" src="test.jpg" onMouseup="createTextField(event)" />
    </form>

    Code:
    function createTextField(event)
    			{
    				pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("x_image").offsetLeft;
    				pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("x_image").offsetTop;	
    				
    				var myText = document.createElement('input');
    				myText.name = 'information';
    				myText.type = 'text';
    
    				document.getElementById('myForm').appendChild(myText);
    				
    			}

    die neu generierten Textboxen erscheinen auch
    jetzt will ich sie halt aber AUF dem Bild an den ermittelten Positionen haben

    wie bekomme ich das hin ??

    Gruß Dawit
    was haben Windows und ein Uboot gemeinsam?
    - wenn man ein Fenster öffnet fangen die Probleme an

  • #2
    ok habs geschafft

    Code:
    			function createTextField(event)
    			{
    				pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("x_image").offsetLeft;
    				pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("x_image").offsetTop;	
    						
    				var myText = document.createElement('input');
    				myText.name = 'information[]';
    				myText.type = 'text';
    				myText.style.position='absolute';
    				//myText
    				myText.style.left=pos_x+ "px";
    				myText.style.top=pos_y+ "px";
    				document.getElementById('myForm').appendChild(myText);
    
    			}


    aber jetzt habe ich noch ein anderes Problem...
    das Bild ist halt ein Formular
    und an manchen Stellen sollen ganze Zeichenketten an anderen einfache Zeichen eingetragen werden (also über die gerade mit JS generierten inputs)
    wie kann ich dem User die Möglichkeit geben die Breite der erzeugten Input Box zu ändern
    (btw es wird nicht nur ein Feld auf dem Feld erzeugt sondern evtl mehrere, den Event habe ich von onmouseup auf doubleclick geändert)
    am besten wäre es wenn der User den Rahmen des Feldes anklicken könnte und dann in die Breite ziehen bzw stauchen könnte

    geht das ??
    Zuletzt editiert von Dawit; 16.04.2009, 11:20.
    was haben Windows und ein Uboot gemeinsam?
    - wenn man ein Fenster öffnet fangen die Probleme an

    Comment

    Working...
    X