Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[JS]HTML-editor werkt niet met javascript submit

Pagina: 1
Acties:
  • 161 views sinds 30-01-2008
  • Reageer

  • gitaarwerk
  • Registratie: Augustus 2001
  • Niet online

gitaarwerk

Plays piano,…

Topicstarter
Hallo

Veel gezien probleem, maar denk dat deze net ff wat anders is. Ik heb met behulp van de search, google, debugger en andere manieren gechecked hoe het op te lossen is, maar kom er niet direct uit.

Het probleem is dat ik een tekst editor heb, genaamd InnovaStudio WYSIWYG, beetje hetzelfde als tinymce maar is net ff wat lekkerder werken ermee; die niet helemaal goed gaat met javascript submitten. Relatief simpel probleem, met een wat lastigere uitwerking.

In een cms wil ik dus de oude TInyMCE vervangen door de nieuwe, alle submits zijn gestandariseerd
en met een client-side javascript om de niet zo hele belangrijke elementen te checken, maar wel heel belangrijk voor de CMS om alles zo hetzelfde mogelijk te houden.

Wat gaat er in detail fout:

De editor laat de html-tekst terug in het textareatje parsen. Daarnaast word er op het form element een eerdere javascript bij de action geladen. Dat pakte hij niet erg lekker al. Daarnaast wordt er een document.formsubmitje uitgevoerd dmv een linkje ipv button.

Wat heb ik gedaan om de fout te constateren:
Ik heb gewoon een simpel formuliertje met de action naar de save functie gemaakt en het javacript toegepast op de onSubmit, daarnaast de submit gezet op een submit-type button en dan werkt hij prima.

Zodra ik weer de submit-link gebruikt dmv javascript, stuurt hij de textarea niet meer door. Ik vermoed dus dat er een foutje optreed met wellicht dubbele naam, alleen kwam dit er niet uit in de debugging van jscript met mozilla-plugin.

even het stukje code:

javascript functie:
code:
1
2
3
function submitForm(id1, id2, id3){
   document[id2].submit();
}

(id 1 / 3 zijn gebruikt voor wat andere dingen die ik er bij deze even heb uitgesloopt, niet relevant)

koppeling via asp
code:
1
 <%Call getButton("","save","frmItem","","","comment")%>


asp code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
getButton(id, buttontype, formname, frame, functie, page)

-- knip overtollige code
if buttontype = "save" then 
  if (recht = 2) OR (recht = 3) then 
   functie = functie & "submitForm('" & id & "','" & formname & "','" & frame & "');"
  else
   functie = "javascript:accessDenied();"
  end if
     response.write "<a class=""button"" href=""javascript:" & functie & "void(0);"" target=""_self"">"
     response.write "<img src=""------icon_save.gif"" border=""0"" alt=""" & lng_button_save & """ title=""" & lng_button_save & """ id=""" & buttontype & """/>"
     if page = "comment" then response.write "&nbsp;" & lng_button_save
     response.write "</a>"
 end if

vorige script parsed:

code:
1
 <a class="button" href="javascript:submitForm('','frmItem','');void(0);" target="_self"><img src="/manager/back/images/icons/icon_save.gif" border="0" alt="Opslaan" title="Opslaan" id="save"/>&nbsp;Opslaan</a>


btw, het is niet mijn code, ben ook niet een gigantisch javascript held

[ Voor 5% gewijzigd door gitaarwerk op 23-07-2007 10:00 ]

Ontwikkelaar van NPM library Gleamy


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 15:31

crisp

Devver

Pixelated

Ten eerste zou ik gewoon een <input type="image"> gebruiken en de javascript in een onsubmithandler laten uitvoeren, maar hetgeen hier gegenereerd wordt zal wel ASP-vaagheid zijn (net als het misbruik van een anchor hier).

Maar verder valt uit deze codesnippets niet direct af te leiden wat er nu precies fout gaat, daarvoor is toch meer inzicht nodig in de clientside code zelf (complete markup + alle relevante javascript).
Wel vraag ik me af of dit ueberhaupt goed gaat in alle browsers:

JavaScript:
1
document[id2].submit();

ik zou dat alvast wijzigen naar:
JavaScript:
1
document.forms[id2].submit();

Intentionally left blank


  • gitaarwerk
  • Registratie: Augustus 2001
  • Niet online

gitaarwerk

Plays piano,…

Topicstarter
Als het goed is werkt het overal, behalve dus met de nieuwe editor, ik heb ngo even gekeken of het uit maakt of niet.

Tis inderdaad een hoop vaagheid. Ik weet niet of ik meer code zo kan plaatsen (i.v.m. geheimhoudingsverklaringen).

OnSubmithandler is geprobeert, tis wel veranderd al, maar heeft niet direct effect dus. ik kan eventueel een complete broncode copieren en de javsacript file wellicht,...

edit..

ok.. oplossing gevonden door collega. Er scheen in de FAQ van de editor wat te staan erover. Van die dingetjes die je niet vaak doet, FAQ's bekijken met bekende software... :X

* gitaarwerk schuilt voor een boze opmerking van medeforummers

[ Voor 23% gewijzigd door gitaarwerk op 24-07-2007 16:17 ]

Ontwikkelaar van NPM library Gleamy