[js] Vanuit een popup teruggeven aan iframe - Softwareontwikkeling

maandag 16 september 2002 11:08

Acties:

Verwijderd

Topicstarter

Ik roep vanuit een pagina een showModaldialog aan op de volgende manier:

code:

var sImgSrc = showModalDialog("popup.php","","font-family:Verdana; font-size:12; dialogWidth:50em; dialogHeight:10em; status:no; scroll:no;" );
    if(sImgSrc!=null)
    {
        var tr = idContent.document.selection.createRange();
        iframe.focus();
        iframe.pasteHTML(sImgSrc);
    }

in popup.php zit een stukje code waarmee ik een bestand kan selecteren op de volgende manier:

code:

 <form method="post" action="<?php echo $PHP_SELF; ?>" enctype="multipart/form-data" onSubmit="insertImage()">
        Voeg deze afbeelding in:<input name="bestand" type="file">
        <input type="hidden" name="actie" value="actie">
        <input type="submit" value="Upload">
    </form>

Ik wil nu dus de locatie vanuit die popup weer teruggeven aan het originele iframe. Ik dacht dat ik aardig ver was, maar op de een of andere manier kan dat niet doorgegeven worden.

maandag 16 september 2002 13:31

Acties:

Annie

amateur megalomaan

Volgens mij missen we nog wat info.
Wat doet de insertImage() bijv (btw. bij onsubmit is het gebruikelijk om een returnvalue te geven zodat je evt. ook de actie kan cancellen, dus: onsubmit="return insertImage()").
Naar welk object verwijst iframe?
Waar wordt de returnvalue van de modaldialog ge-set en op welke manier?

Today's subliminal thought is:

maandag 16 september 2002 13:49

Acties:

Verwijderd

Topicstarter

Annie, bedankt voor je opmerkingen. Ik zal het even zo duidelijk mogelijk uit proberen te leggen:

Functie waarin de modaldialog wordt aangeroepen:

code:

function insertImage()
{
    var sImgSrc = showModalDialog("popup.php","","font-family:Verdana; font-size:12; dialogWidth:40em; dialogHeight:0.5em; status:no; scroll:no;" );
    if(sImgSrc!=null)
    {
        var tr = idContent.document.selection.createRange();
        iframe.focus();
        iframe.pasteHTML(sImgSrc);
    }
}

Hij geeft dus sImgsrc terug. Als het goed is

De modaldialog (popup.php) ziet er als volgt uit:

code:

<HTML>
<script language="JavaScript">
function closewin()
{
    alert ("voor");
    var imgname  = imagename.value;
        window.returnValue = "[img]\""+imgname+"\"[/img]";
    alert ("na");

  window.close();
}
</script>

<HEAD>
<TITLE>Kies afbeelding:</TITLE>
</HEAD>
         <form enctype="multipart/form-data">
        Voeg deze afbeelding in:
        <input name="imagename" type="file" value="imagename">
        <input type="button" value="OK" onclick="closewin()">
        </form>
</BODY>
</HTML>

De bedoeling is dus dat hij iets van [img]"c:\henkie\plaatje.gif"[/img] teruggeeft uiteindelijk aan de insertImage functie zoals hierboven beschreven.

maandag 16 september 2002 16:57

Acties:

Verwijderd

Topicstarter

Ik ben er al uit, ik heb het als volgt opgelost (voor geinteresseerden):

code:

function insertImage()
{
    var returnValue = showModalDialog("popup.php","","font-family:Verdana; font-size:12; dialogWidth:315px; dialogHeight:30px; status:no; scroll:no;" );
    if(returnValue!=null)
    {
        iframe.focus();
        var sel = iframe.document.selection;
        var theFrame = sel.createRange();
        theFrame.pasteHTML('[img]"'[/img]');
    }
}

en popup.php:

code:

<HTML>
<head><title>Kies een afbeelding</title></head>
<script language="JavaScript">
function closeWin()
{
   window.returnValue=document.afbeeldingForm.imagename.value;
   window.close();
}
</script>

<HEAD>
<TITLE>Kies afbeelding:</TITLE>
</HEAD>
        <form name="afbeeldingForm" enctype="multipart/form-data">
    Voeg deze afbeelding in:
    <input name="imagename" type="file">
    <input type=button value="Submit" onClick="closeWin()">
    </form>
</BODY>
</HTML>