Avatar billede freud Nybegynder
25. september 2002 - 10:30 Der er 6 kommentarer og
1 løsning

CMS - edit........... vis ændringer ?

Jeg her følgende kode som viker fint, MEN der er et problem :-(

Hvordan får jeg lavet det sådan at man ser ændringerne og ikke html-koden i tekst boksene.......... ?

KODE:
-------------------------------------------------------
<% @ LANGUAGE="VBScript" %>
<% Response.Expires = 0 %>
<!--#INCLUDE file="db/test.asp" -->

<%
response.write "<script>function GetDialogWin(my_url,win_name,width_x,height_y,top_pos,left_pos,scrollbars) {    var editwin = """";editwin = editwin + ""width="" + width_x;editwin = editwin + "",height="" + height_y;editwin = editwin + "",resizable=yes"";    editwin = editwin + "",scrollbars=yes"";editwin = editwin + "",menubar=no"";editwin = editwin + "",toolbar=no"";editwin = editwin + "",directories=no"";editwin = editwin + "",location=no"";editwin = editwin + "",status=no"";editwin = editwin + "",top="" + top_pos;editwin = editwin + "",left="" + left_pos;editwin_win = window.open(my_url,win_name,editwin);editwin_win.focus();editwin_win.opener = self;return (editwin_win);}</script>"   
%>

<script language=javascript>
<!--


var sT , toinsert

function checkFocus()
{
    if (toinsert)
      document.selection.createRange().text='<HR noshade size="1">';
    else
      alert("Sæt makøren der hvor du vil indsætte et linieskift!");
}

function changeUrl(surl)
{
    if(surl == "")
        return(false);
    sT.text = "<a href=\"" +surl+ "\">"+ sT.text + "</a>";
    return(true);
}

function createLink()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil bruge som link!");
        return( false);
    }
    var mywin = GetDialogWin('','tetst',350,110,50,150,'no');
    mywin.document.title="Insert Link";       
    mywin.document.writeln("<font face=\"verdana\" size=1>");
    mywin.document.writeln("<b>" + sTxt + "</b>");
    mywin.document.writeln("<br>Skriv adressen:");
    mywin.document.writeln("<br><input type=text name=\"vtxt2\" target=\"_self\" size=\"35\" value=\"http://www. \">");
    mywin.document.writeln("<input type=button value=\"Ok\" onClick=\"opener.changeUrl(vtxt2.value);window.close();\">");
    mywin.document.writeln("<br><input type=button value=\"Tjek Link\" onClick=\"opener.GetDialogWin(vtxt2.value,'CheckUrl',550,310,150,250,'no');\">");
   
}

function createEmail()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil bruge som mail-adresse link!");
        return( false);
    }
    var mywin = GetDialogWin('','tetst',350,110,50,150,'no');
    mywin.document.title="Insert Link";       
    mywin.document.writeln("<font face=\"verdana\" size=1>");
    mywin.document.writeln("<b>" + sTxt + "</b>");
    mywin.document.writeln("<br>Skriv mail-adressen:");
    mywin.document.writeln("<br><input type=text name=\"vtxt2\" size=\"35\" value=\"mailto:\">");
    mywin.document.writeln("<input type=button value=\"Ok\" onClick=\"opener.changeUrl(vtxt2.value);window.close();\">");
    }

function makeBold()
{
    sT = document.selection.createRange();   
    sTxt = sT.text;
  if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil gøre fed!");
        return( false);
    }


    sT.text = "<strong>" + sTxt + "</strong>";
}
function makeItalic()
{
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil gøre kursiv!");
        return( false);
    }

    sT.text = "<i>" + sTxt + "</i>";
}
function makeBigger()
{
    sT = document.selection.createRange();   
    sTxt = sT.text;
    if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil gøre større!");
        return( false);
    } 
    sT.text = "<big>" + sTxt + "</big>";
}
function makeSmaller()
{
    sT = document.selection.createRange();   
    sTxt = sT.text;
    if(!sTxt.length > 0)
    {
        alert("Markere den tekst du vil gøre mindre!");
        return( false);
    }
    sT.text = "<small>" + sTxt + "</small>";
}

function unFormat()
{
    var outtext = "";
    var flag = 0;
    var i = 0;
    sT = document.selection.createRange();   
    sTxt = sT.text; 
    while(i <= sTxt.length)
    {   
        c = sTxt.charAt(i)
        if(c == "<")
            flag++;
        if(flag==0)
            outtext += c;
        if(c == ">")
            flag--;       
        i++;
    }
    if(flag==0)
        sT.text = outtext;
    else
        alert("error");
}

//-->
</script>
<script language="JavaScript">
<!--
function tjekform(form) {

    if (form.Overskrift.value == "") {
    alert("Husk at indtaste en overskrift !")

    return false
    }   

    if (form.Afsnit.value == "") {
    alert("Husk at udfylde afsnits feltet !")
    return false
    }

return true;
}
//-->
</script>

   
    <%
    If Request.Form("Action") = "Opdater" Then

    session("SideTitel") = Replace(Request.Form("Overskrift"), "'", "''")
    session("SideTekst") = Replace(Request.Form("Afsnit"), "'", "''")
   
    'Updater indtastet data
    strSQL = "UPDATE Sideindhold SET SideTitel='"& session("SideTitel") &"', SideTekst='"& session("SideTekst")  &"' WHERE SideID='" & session("SideID") & "'"
    set rs = Conn.Execute(strSQL)
   
    'Luk databasen
    conn.Close
    Set Conn = Nothing
    session("sideopda") = "ok"
   
    Response.Redirect "start.asp"
    %>
           
    <%
    Else
   
    ' Udskriv alt fra tabellen Forside
    strSQL = "Select * FROM Sideindhold WHERE SideID = '"  & request.querystring("ID") & "'"
    set rs = Conn.Execute(strSQL)

    session("SideID") = rs("SideID")
    session("SideTitel") = rs("SideTitel")
    session("SideTekst") = rs("SideTekst")
   
       
    'Lukker databasen
    conn.Close
    Set Conn = Nothing
    %>
<form onSubmit="return tjekform(this)" name="form" method="post" action="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/opdater_indhold.asp?pageId=<%= session("Sidenavn") %>">
  <table width="575" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><b>Ret indholdet p&aring;:</b> <%= session("SideID") %></td>
    </tr>
    <tr>
      <td align="center"> <br>
        <table width="75%" border="0" cellpadding="0" cellspacing="0" bordercolor="#999999">
          <tr align="center">
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/BOLD.gif" width="23" height="22" border="0" alt="Fed tekst" onClick="makeBold();"></a></td>
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/bigger.gif" width="23" height="22" border="0" alt="Stor tekst" onClick="makeBigger();"></a></td>
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/smaller.gif" width="23" height="22" border="0" alt="Lille tekst" onClick="makeSmaller();"></a></td>
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/at.gif" width="23" height="22" border="0" alt="Inds&aelig;t e-mail adresse" onClick="createEmail();"></a></td>
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/LINK.gif" width="23" height="22" border="0" alt="Inds&aelig;t link" onClick="createLink();"></a></td>
            <td><a href="#" onMouseDown="checkFocus();"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/hr.gif" width="22" height="4" border="0" alt="Inds&aelig;t linie"></a></td>
            <td><a href="#"><img src="file:///C|/Inetpub/wwwroot/Projekter/NeoCon.dk/neoconedit/images/undo.gif" width="23" height="22" border="0" alt="Fortryd" onClick="unFormat();"></a></td>
          </tr>
        </table>
           
        <hr width="100%" size="1" align="center">
        <br>
      </td>
    </tr>
    <tr>
      <td align="left"> <b> Overskrift:</b> </td>
    </tr>
    <tr>
      <td align="center">
        <input type="text" name="Overskrift" class="text_felt" size="65" onFocus="toinsert=true;" onBlur="toinsert=false;" value="<%= session("SideTitel")%>">
        <hr width="100%" size="1" align="center">
        <br>
      </td>
    </tr>
    <tr>
      <td align="left"><b>Afsnit:</b> </td>
    </tr>
    <tr>
      <td align="center">
        <textarea name="Afsnit" class="text_felt" cols="64" rows="15" onFocus="toinsert=true;" onBlur="toinsert=false;"><%= session("SideTekst")%></textarea>
        <hr width="100%" size="1" align="center">
      </td>
    </tr>
    <tr>
      <td align="center" height="34">
        <input type="submit" name="Action" value="Opdater" class="knap">
      </td>
    </tr>
  </table>
</form>

<% End If %>
Avatar billede goatshrine Nybegynder
25. september 2002 - 10:42 #1
start <html> ?
Avatar billede freud Nybegynder
25. september 2002 - 10:45 #2
-->goatshrine

Hva tænker du på med start <html> ? selve siden er en inc-fil
Avatar billede goatshrine Nybegynder
25. september 2002 - 10:49 #3
ahhh ok :)

så aner jeg det ikke :/
Avatar billede lenn Nybegynder
25. september 2002 - 10:56 #4
Hej Freud - jeg lytter med :-)
Avatar billede kev. Nybegynder
25. september 2002 - 13:44 #5
umiddelbart kan du ikke få en textarea felt til at finde nogen former formatering, det giver lidt sig selv. Men det er muligt på en eller anden måde at lave en iframe, som du give et navn/ID og skifte indholdet.... Eksempelvis lave en tilhørende skjult textarea-felt (vha. css) og så lave en 'knap' til at skifte mellem visning af indhold i et textarea og i selve iframen (der jo vil formatere html-kode).
Avatar billede kev. Nybegynder
25. september 2002 - 13:50 #6
Noget i retning af dette >>
(kan dog ikke garentere, at det umiddelbart virker!)

<HTML>


<HEAD>

<TITLE>Edit</TITLE>

    var format="HTML"


    function GetValues(){
    myEditor.document.body.innerHTML = "" + document.Myform.EditorValue.value + "";
    myEditor.document.body.style.fontFamily = "Verdana,Helvetica,Arial,sans-serif";
    myEditor.document.body.style.fontSize ="8pt";
    myEditor.document.bgColor = "#FFFFFF";
    }
    function setFocus() {
    myEditor.focus();
    }


    function swapModes(b) {
    if (format=="HTML") {
    myEditor.document.body.innerText = myEditor.document.body.innerHTML;
    myEditor.document.body.style.fontFamily = "monospace";
    myEditor.document.body.style.fontSize = "10pt";
    myEditor.document.bgColor = "#EEEEEE";
    myEditor.document.fgColor = "#000000";
    format="";
    b.value = " See Result ";
    }
    else {
    myEditor.document.body.innerHTML = myEditor.document.body.innerText;
    myEditor.document.body.style.fontFamily = "Verdana,Helvetica,Arial,sans-serif";
    myEditor.document.body.style.fontSize ="8pt";
    myEditor.document.bgColor = "#FFFFFF";
    myEditor.document.fgColor = "#333333";
    format="HTML";
    b.value = " View Code ";
    }

</HEAD>


<BODY onLoad="GetValues()">

    <IFRAME id="myEditor" src="about:blank" width="400" height="250"></IFRAME>

    <TEXTAREA style="DISPLAY: none" name="EditorValue" rows="1" cols="20"><% =strIndhold %></TEXTAREA>

    <SCRIPT language="Javascript">
        function copyValue(f) {
        f.elements.EditorValue.value = "" + myEditor.document.body.innerHTML + "";
        }
        frames.myEditor.document.designMode = "On";
        frames.myEditor.focus();
    </SCRIPT>

</BODY>


</HTML>
Avatar billede freud Nybegynder
25. september 2002 - 15:42 #7
--> Hej Kev

Efter lidt bøvl, så fik jeg det til at virke ;-)
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
Kurser inden for grundlæggende programmering

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