Maus + Bild oder HTML

M

Maik20

Erfahrenes Mitglied
Hallo,

ich bin auf der Suche nach einen JavaScript welches folgende Funktionen bietet. Dabei bin ich mir zum jetzigen Zeitpunkt nichtmal sicher ob das überhaupt geht, bzw. ob es irgendwo ein solches Script bereits gibt.

Der Nutzer soll auf der HTML Seite mit der Maus einen beliebigen rechteckigen Bereich markieren. Das Script soll dann entweder den HTML-Code des Bereichs ausgeben oder den markierten Bereich als Bild-Speichern. Mir würde eins von beiden reichen. Wobei entweder der HTML-Code oder das Bild wieder auf dem Server gespeichert werden sollen.

Bin für jeden Tip dankbar. Vielleicht ist dies ja mit JS auch nicht möglich.
 
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    
    <script type="text/javascript">
      function selected_text(id){
      
      objElem = document.getElementById(id);
      
      if(document.selection)
     {
        alert_selection = document.selection.createRange().text;
     }
     else if (objElem.selectionStart || objElem.selectionStart == '0')
     { 
        intStart = objElem.selectionStart;
        intEnd = objElem.selectionEnd;
         alert_selection = (objElem.value).substring(intStart, intEnd);
     }
        alert(alert_selection);
      }
    </script>
    
  </head>
  <body onmouseup="javascript:selected_text('textarea_id');">
    <textarea id="textarea_id">asfassgasgsd</textarea>
  </body>
</html>

Du musst dazu allerdings deinen Content in die Textarea packen. Die kannst du aber mit CSS so formatieren, dass man es gar nicht merkt.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück