Avatar billede taager-kongen Nybegynder
13. oktober 2003 - 17:40 Der er 1 kommentar og
1 løsning

wysiwyg fejl ?

Hejza. Jeg sidder og rodder med sådan en editor. Vil ikke bruge Phonixv kanon gode version, da jeg ikke skal bruge alle funktioner i den. Det bliver sur hvis man fjerner funktioner, så har prøvet med en anden. Nu kom så et problem, jeg skal lave et link. Her vil jeg til gengæld gerne bruge hans popup. Har Tilføjet script.js til siden og den se nu sådan her ud:
/*
PhoenixV's WYS-II-WYG editor, version 1.3a
Kommenteret d. 05/08-2003
*/

function indsaetBill() {
  window.showModalDialog("billede.html", window, "center:yes;status:no;help:no;dialogWidth:295px;dialogHeight:112px;");
}

function indsaetLink() {
  window.showModalDialog("link.html", window, "center:yes;status:no;help:no;dialogWidth:388px;dialogHeight:138px;");
}

function indsaetEmail() {
  window.showModalDialog("email.html", window, "center:yes;status:no;help:no;dialogWidth:321px;dialogHeight:123px;");
}

function indsaetTabel() {
  window.showModalDialog("tabel.html", window, "center:yes;status:no;help:no;dialogWidth:343px;dialogHeight:140px;");
}

Min kode ser sådan her ud:
<html>
<head>
<script type="text/javascript" src="script.js"></script>
<script>
function initFrame() {
  frames.idContent.document.body.innerHTML = idContentTemp.innerHTML;
  frames.idContent.document.body.style.border = "1px solid";
  frames.idContent.document.designMode = "on";
}

function doSave() {
  document.f.t.value = frames.idContent.document.body.innerHTML; //Her smides editor indhold i input felt
  if (confirm("Du er ved at gemme dokumentet.\nEr du sikker på at du er færdig med at redigere?")) {
    return true;
  } else {
    return false;
  }
  document.f.submit();//Her må du opdatere record med php
}
</script>
</head>
<body>

<a href="#" onclick="doSave();">gem</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('cut');">klip</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('copy');">kopier</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('paste');">sæt ind</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('bold');">fed</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('JustifyCenter')">Center</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('JustifyLeft')">Left</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('JustifyRight')">Rigth</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('italic');">italic</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('Undo');">Fejlk</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('Redo');">Merek</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('underline');">underline</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('insertunorderedlist');">bulllist</a>&nbsp;
<a href="#" onclick="frames.idContent.focus();frames.idContent.document.execCommand('insertorderedlist');">numlist</a>&nbsp;<br><br>
<a href="#" onClick="indsaetLink();">Link</a>&nbsp;<br><br>
<iframe id="idContent" name="idContent" onload="initFrame();" frameborder="no"></iframe>

<div id="idContentTemp" style="display:none;">indsæt php db kald her</div>

<form name="f" method="post" action="" style="display:inline;">
<input type="hidden" name="t">
</form>

</body>
</html>


Kan nogen hjælpe mig til at få rettet det til at virke?
Avatar billede taager-kongen Nybegynder
13. oktober 2003 - 17:41 #1
link.html ser således ud.:
<!--
PhoenixV's WYS-II-WYG editor, version 1.3a
Kommenteret d. 05/08-2003
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Inds&aelig;t link</title>
<style type="text/css">
body {
  text-align: center;
}
span {
  color: #6699CC;
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
}
form {
  display: inline;
}
td {
  font-family: Arial;
  font-size: 14px;
}
input {
  border: 1px solid black;
  font-family: Arial;
  font-size: 14px;
}
select {
  width: 100px;
  font-family: Arial;
}
</style>
<script type="text/javascript">
ov = dialogArguments;

function indsaet(frm) {
  tekst = frm.tekst.value;
//Hvis feltet "tekst" ikke er udfyldt, blinker det hurtigt rødt for at indikere over for brugeren, at han mangler det
  if (tekst == "") {
    frm.tekst.style.backgroundColor = "#FF0000";
    frm.tekst.focus();
    setTimeout("document.lForm.tekst.style.backgroundColor = '#FFFFFF';", 200);
    return;
  }
//Hvis feltet "tekst" ikke er udfyldt (eller der kun står "http://"), blinker det hurtigt rødt
  url = frm.url.value;
  if (url == "" || url == "http://") {
    frm.url.style.backgroundColor = "#FF0000";
    frm.url.focus();
    setTimeout("document.lForm.url.style.backgroundColor = '#FFFFFF';", 200);
    return;
  }
  ind = frm.targ.selectedIndex;
//Hvis "Andet" er valgt i target-selectboksen er det feltet "andetTarg", som benyttes som linkets target
  targ = (ind == 3) ? frm.andetTarg.value : frm.targ.options[ind].value;
//Hvis "Andet" er valgt, og feltet "andetTarg" ikke er udfyldt, blinker det hurtigt rødt
  if (targ == "") {
    frm.andetTarg.style.backgroundColor = "#FF0000";
    frm.andetTarg.focus();
    setTimeout("document.lForm.andetTarg.style.backgroundColor = '#FFFFFF';", 200);
    return;
  }
  ov.document.all.editor.focus();
//Hvis det markerede element i editoren er et billede, oprettes et link med brugerens indtastninger, og billedet lægges ind i dette
  if (ov.klikObj != null && ov.klikObj.tagName == "IMG") {
    elm = ov.document.createElement("a");
    elm.href = url;
    elm.target = targ;
    ov.klikObj.border = 0;
    elm.innerHTML = ov.klikObj.outerHTML;
    ov.document.all.editor.insertBefore(elm, ov.klikObj);
    ov.klikObj.outerHTML = "";
    elm.focus();
  }
//Hvis det markerede element i editoren ikke er et billede, indsættes bare et normalt link med teksten i
  else
    ov.document.selection.createRange().pasteHTML('<a href="' + url + '" target="' + targ + '">' + tekst + '</a>');
  ov.document.idContent.focus();
//Dette vindue lukkes
  self.close();
}

function andT(sel) {
//Hvis "Andet" er valgt i selectboksen, vises "andetTarg"-feltet
  if (sel.selectedIndex == 3) {
    document.all.andet.style.visibility = "visible";
    sel.form.andetTarg.focus();
  }
//... ellers skjules det
  else
    document.all.andet.style.visibility = "hidden";
}
</script>
</head>
<!-- Når siden er loadet, får det første felt automatisk fokus -->
<body onLoad="document.lForm.tekst.select();">
<span>Inds&aelig;t link</span>
<form name="lForm" onSubmit="indsaet(this); return false;">
<table width="100%">
<tr>
<td>
Tekst:
</td>
<td colspan="3">
<!-- Her udskrives feltet "tekst". Hvis det markerede element i editoren er et billede, får tekstfeltet værdien "[billede]" og det disables, så brugeren ikke kan skrive i det. Hvis ikke, udskrives den markerede tekst i editoren -->
<script type="text/javascript">
ov.document.all.editor.focus();
if (ov.klikObj != null && ov.klikObj.tagName == "IMG")
  document.write('<input type="text" name="tekst" value="[billede]" size="48" disabled>');
else {
  txt = ov.document.selection.createRange().text;
  document.write('<input type="text" name="tekst" value="' + txt + '" size="48">');
}
</script>
</td>
</tr>
<tr>
<td>
URL:
</td>
<td colspan="3">
<!-- Linkets URL (altså HREF) -->
<input type="text" name="url" value="http://" size="48">
</td>
</tr>
<tr>
<td>
Target:
</td>
<td>
<!-- Linkets target vælges med denne selectboks -->
<select name="targ" onChange="andT(this);">
<option value="_self" selected>Samme side</option>
<option value="_blank">Nyt vindue</option>
<option value="_top">Top af frameset</option>
<option value="">Andet &gt;&gt;&gt;</option>
</select>
</td>
<td cellpadding="0">
<!-- Hvis der vælges "Andet" i ovenstående selectboks vises dette felt -->
<div id="andet" style="visibility: hidden; display: inline;">
<input type="text" name="andetTarg" size="16">
</div>
</td>
<td align="right">
<input type="submit" value="Inds&aelig;t">
</td>
</tr>
</table>
</form>
</body>
</html>
Avatar billede taager-kongen Nybegynder
05. oktober 2004 - 15:42 #2
lukker
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