Avatar billede sj.netomia Nybegynder
09. maj 2007 - 16:12 Der er 10 kommentarer og
1 løsning

<button onclick> skal sende billedet til <div>

Hej Eksperter.

Jeg har et system hvor jeg åbner en popup hvor jeg kan vælge et billede og trække det over i mit <div> i hovedsiden, jeg vil gerne kunne klikke på en knap og den så kommer over, lidt ligesom en smiley kan det lade sig gøre ?

Jeg forstiller mig noget med <input type="button" value="send billedet" onclick="smid_billedet_over_i_div">

Jeg ved at det kan lade sig gøre ved at trække billedet over i min <div> Men om det andet kan lade sig gøre ved jeg ikke..

På forhånd tak for jeres hjælp.....
Avatar billede sj.netomia Nybegynder
09. maj 2007 - 16:13 #1
<div id="wysiwyg" contentEditable="true" class="adminWYSIWYG" align="left">
Avatar billede sj.netomia Nybegynder
09. maj 2007 - 21:20 #2
slet ikke nogen som har en løsning, eller kan fortælle om det vil fungere eller ej...
Avatar billede roenving Novice
10. maj 2007 - 00:49 #3
Smileys er jo også billeder, så det gør du på præcis samme måde !-)
Avatar billede sj.netomia Nybegynder
10. maj 2007 - 09:47 #4
nej ikke sådan som jeg har lavet det, så er smiley en tekst med regexp til laver det til et billede. så derfor ved jeg ikke hvordan jeg gør med et billede.
Avatar billede sj.netomia Nybegynder
14. maj 2007 - 13:11 #5
slet ikke nogen som kan hjælpe ?
Avatar billede roenving Novice
14. maj 2007 - 13:25 #6
Prøv at sætte det fulde tag ind i (absolut hacks, hvis ikke du er inde i html4.01 transistional !-)

<input type="button" value="send billedet" onclick="insertTag(document.getElementById('tekst'),'<img src=\"ditBillede.jpg\" style=\"width:35px;\">','');return false;">

-- og så f.eks. bruge skovenborgs insertTag: http://skovenborg.1go.dk/javascript/insertTag.php !o]
Avatar billede sj.netomia Nybegynder
14. maj 2007 - 14:46 #7
jeg har fundet denne her på exp kan det bruges.

function choose(file)
    {
        image_dir = "./images/upload" + file;
        if (image_dir != "")
        {
            window.opener.frames("wysiwyg").indhold.document.execCommand("InsertImage", false, image_dir);
        }
        self.close();
    }

her er min php fil med form og div.

måske du kan se hvordan det skal stilles op.

<?
require ('db_info.php');
//print $url;
$query        ="SELECT indhold FROM nyhedsbrev_indhold where kat='$kat'";
$result        = mysql_db_query ($database, $query);
while($row = mysql_fetch_array($result)){
?>
<html>
<?
print ("<title>$title - $kat</title>");
?>
<body onLoad="document.all.wysiwyg.focus();">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<script>

    function doFont(fName)
  {
    if(fName != '')
      document.execCommand('fontname', false, fName);
  }
  function doSize(fSize)
  {
    if(fSize != '')
      document.execCommand('fontsize', false, fSize);
  }
 
function (InsertImage)
{
theImg = document.all.imagepath.value;
if (theImg != "")
document.execCommand("InsertImage", true, theImg);
}
</script>
<?
//print ("$overskrift");
?>
<table cellpadding="0" cellspacing="0" border="0">
   
        <div>
        <form NAME="forside" ACTION="send.php?katid=<?echo "$kat";?>" METHOD="POST" OnSubmit="return valider();">
        <script>

          function valider()
            {
                document.forside.indhold.value=wysiwyg.innerHTML;

                if (document.forside.indhold.value=="")
                {
                    wysiwyg.focus();
                    alert("Du skal indtaste noget indhold!");
                    return (false);
                }

                return(true);
            }

                function newWin(str1, str2, str3){
                win = window.open(str1, str2, str3)
                if(win.opener == null){
                win.opener = self;
                }
                }

                function vis() {
                win = window.open("", "forside", "width=660,height=800,left=300,top=50,toolbars=no,scrollbars=yes,status=yes,resizable=yes");
                win.document.write("<html><head><title>Vis nyhedsbrevet</title></head><head><body bgcolor=\"#c0c0c0\"><center><head></head><img src=\"http://www.blop.dk/test/html/email_top.jpg\" BORDER=\"2\" BORDERCOLOR=\"BLACK\" WIDTH=\"620\"></center><br><TABLE BORDER=\"1\" BORDERCOLOR=\"BLACK\" BGCOLOR=\"#cccccc\" CELLSPACING=\"0\" CELLPADDING=\"10\" WIDTH=\"623\" HEIGHT=\"570\" ALIGN=\"CENTER\"><TR><TD VALIGN=\"TOP\">" + document.all.wysiwyg.innerHTML + "</body></TR></TABLE><TABLE WIDTH=\"620\" ALIGN=\"CENTER\" CELLPADDING=\"2\"><TR><TD><br><font size=\"2\" color=\"#777777\">Galleri Brænderigården Horsens - Søndergade 41 E - 8700 Horsens. Telefon 7625 1445 - Fax 7625 1448 <a href=\"mailto:info@gb-h.dk\"><font color=\"#777777\">info@gb-h.dk</font></a></TD></TR></TABLE></html>");
                }
                //vis = Replace(vis, "href=", "target=""_blank"" href=");

        </script>
                <table WIDTH="100%" CELLSPACING="0" CELLPADDING="0" BORDER="0" ALIGN="CENTER"><tr>
                <td>
                </td>
                <td ALIGN="LEFT">
                    <table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: D6D3CE; MARGIN-BOTTOM: 3pt; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px" cellSpacing="1" cellPadding="1" bgColor="#D6D3CE" border="0"><tr>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('copy');" unselectable="On"><img alt="Kopier" src="images/copy.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('cut');" unselectable="On"><img alt="Klip" src="images/cut.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('paste');" unselectable="On"><img alt="Indsæt" src="images/paste.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('justifyleft', false, null);" unselectable="On"><img alt="Venstre stil" src="images/left.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('justifycenter', false, null);" unselectable="On"><img alt="Centere" src="images/center.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('justifyright', false, null);" unselectable="On"><img alt="Højre stil" src="images/right.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand(&quot;Bold&quot;);" unselectable="On"><img alt="Fed" src="images/bold.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand(&quot;Italic&quot;);" unselectable="On"><img alt="Kursiv" src="images/italic.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand(&quot;Underline&quot;);" unselectable="On"><img alt="Understreg" src="images/underline.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand(&quot;InsertUnorderedList&quot;);" unselectable="On"><img alt="Liste" src="images/purebullet.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="document.execCommand('createlink','true','true');" unselectable="On"><img alt="Link" src="images/link.gif" WIDTH="21" HEIGHT="20"></button></td>
                        <td vAlign="center"><td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="java script:newWin('tilmeldte.php?info=vis','','width=500, height=600,scrollBars=1,resizable=0')"><img alt="Vis brugere" src="images/view.gif" WIDTH="21" HEIGHT="20" border="0"></button></td>
                        <td vAlign="center"><td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="java script:newWin('upload.php','','width=700, height=500,scrollBars=1')"><img alt="Upload Billeder" src="images/upload.gif" WIDTH="21" HEIGHT="20" border="0"></button></td>
                        <td vAlign="center"><td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="vis(); return false;"><img alt="Vis nyhedsbrevet i et nyt vindue" src="images/show.gif" WIDTH="21" HEIGHT="20" border="0"></button></td>
                        <td vAlign="center"><td vAlign="center"><button style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" onclick="java script:newWin('tilfoej.php','','width=500, height=600,scrollBars=1,resizable=0')"><img alt="Tilføj brugere" src="images/insert.gif" WIDTH="21" HEIGHT="20" border="0"></button></td>

                        </td></td>
                  </tr></table>
                  <table style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: D6D3CE; MARGIN-BOTTOM: 3pt; OVERFLOW: hidden; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; HEIGHT: 28px" cellSpacing="2" cellPadding="0" bgColor="#D6D3CE" border="0"><tr>
                  <tr>
                  <?
                        print ("<td><a href=\"$PHP_SELF?kat=alle\"><font size=\"2\">Alle</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=privat\"><font size=\"2\">Privat</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=virksomhed\"><font size=\"2\">Virksomhed</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=maleri\"><font size=\"2\">Maleri</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=grafik\"><font size=\"2\">Grafik</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=skulptur\"><font size=\"2\">Skulptur</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=museum\"><font size=\"2\">Museum</a>&nbsp;&nbsp;</td>");
                        print ("<td><a href=\"$PHP_SELF?kat=kunstforening\"><font size=\"2\">Kunstforening</a></tr>");
                        ?></tr></table><table><tr><td><font size="2">Du har valgt: <?print ("<STRONG>$kat");?></STRONG></td></tr></table>
                       
                  <p><div id="wysiwyg" contentEditable="true" class="adminWYSIWYG" align="left">
                    <P><?print ("$row[indhold]");?>
                </div></p>

                <input TYPE="HIDDEN" NAME="indhold" VALUE>

          <select name="selFont" onChange="doFont(this.options[this.selectedIndex].value)">
            <option value="">-- Skrift type --</option>
            <option value="Arial">Arial</option>
            <option value="Courier">Courier</option>
            <option value="Sans Serif">Sans Serif</option>
            <option value="Tahoma">Tahoma</option>
            <option value="Verdana">Verdana</option>
            <option value="Wingdings">Wingdings</option>
          </select>
          <select name="selSize" onChange="doSize(this.options[this.selectedIndex].value)">
            <option value="">-- Skrift størrelse --</option>
            <option value="1">Meget lille</option>
            <option value="2">Lille</option>
            <option value="3">Mellem</option>
            <option value="4">Stor</option>
            <option value="5">Større</option>
            <option value="6">Meget Stor</option>
          </select>
            <br><br><FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="2">Send kun til mig:<input type="checkbox" name="test_send" value="1" checked="1">
            <FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="1"><br><b>Fjern denne for at sende til alle på listen.</b></FONT><br><br>
            <b>Send til:</b> Private:<input type="checkbox" name="privat" value="privat"<?if ($kat == "privat") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Firmaer:<input type="checkbox" name="virksomhed" value="virksomhed"<?if ($kat == "virksomhed") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Maleri:<input type="checkbox" name="maleri" value="maleri" <?if ($kat == "maleri") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Grafik:<input type="checkbox" name="grafik" value="grafik" <?if ($kat == "grafik") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Skulptur:<input type="checkbox" name="skulptur" value="skulptur" <?if ($kat == "skulptur") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Museum:<input type="checkbox" name="museum" value="museum" <?if ($kat == "museum") {print ("checked");}?>>
            &nbsp;&nbsp;&nbsp;Kunstforening:<input type="checkbox" name="kunstforening" value="kunstforening"<?if ($kat == "kunstforening") {print ("checked");}?>>
            <input type="hidden" name="send_til">
            <FONT FACE="Verdana, Arial, Helvetica, sans-serif" SIZE="1"><br><b>Hvis ingen vælges sendes til alle på listen med mindre at <i> Send kun til mig </i> er valgt</b></FONT><br><br>
            </FONT>
            <p><input type="submit" value="Send Nyhedsbrev"></p>
        </form>
        </div>
</table></td>
<?
}
?>
Avatar billede sj.netomia Nybegynder
15. maj 2007 - 11:17 #8
hjæælp ???? :-)
Avatar billede sj.netomia Nybegynder
15. maj 2007 - 12:16 #9
Her fået den til at virke med denne her.

function choose(file)
    {
        image_dir = "./images/upload/" + file;
        if (image_dir != "")
        {
            opener.forside.indhold.document.execCommand("InsertImage", false, image_dir);
        }

    }


Problemet er bare når man klikker inde i mit wysiwyg og vælger billeder og trykker på indsæt billede så sker der ikke noget, men hvis man derimod klikker inde i wysiwyg feltet igen og trykker på indsæt billede så kommer det.

Kan man ikke på en eller anden måde sætte <div id=wysiwyg til standard ?
Avatar billede sj.netomia Nybegynder
15. maj 2007 - 12:52 #10
jeg vil også gerne have sådan at min <option value="">-- Skrift type --</option> og <option value="">-- Skrift størrelse --</option> skifter tilbage til value="" når man har valgt noget, sådan at den ikke hele tiden står på f.eks verdana.
Avatar billede sj.netomia Nybegynder
18. oktober 2008 - 16:00 #11
ingen svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester