Formular eingefügt / Seite "kaputt"

[flinhardt]

Hallo,

sobald ich ein neues Formular, in diesem Fall ein Newsletter Signup einfüge wird mir die Seite nicht mehr geladen.

<!-- Begin MailChimp Signup Form -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"></script>
<script type="text/javascript">
// delete this script tag and use a "div.mce_inline_error{ XXX !important}" selector
// or fill this in and it will be inlined when errors are generated
var mc_custom_error_style = '';
</script>
<div id="mc_embed_signup">
<form action="http://us1.list-manage.com/subscribe/post?u=b6277ba4a9f4ffsfdf34546e9548dc&amp;id=67fsd fs" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<fieldset>

<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn"></div>
</fieldset>
<a href="#" id="mc_embed_close" class="mc_embed_close">Close</a>
</form>
</div>
<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';var err_style = '';
try{
err_style = mc_custom_error_style;
} catch(e){
err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: ERROR_BGCOLOR none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: ERROR_COLOR;';
}
var mce_jQuery = jQuery.noConflict();
mce_jQuery(document).ready( function($) {
var options = { errorClass: 'mce_inline_error', errorElement: 'div', errorStyle: err_style, onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
var mce_validator = mce_jQuery("#mc-embedded-subscribe-form").validate(options);
options = { url: 'http://us1.list-manage.com/subscribe/post-json?u=b6277ba4a9f4f38af5gfgfgfgfdedc&id=67dsfdf0c 53a1&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
beforeSubmit: function(){
mce_jQuery('#mce_tmp_error_msg').remove();
mce_jQuery('.datefield','#mc_embed_signup').each(
function(){
var txt = 'filled';
var fields = new Array();
var i = 0;
mce_jQuery(':text', this).each(
function(){
fields[i] = this;
i++;
});
mce_jQuery(':hidden', this).each(
function(){
if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
this.value = '';
} else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
this.value = '';
} else {
this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
}
});
});
return mce_validator.form();
},
success: mce_success_cb
};
mce_jQuery('#mc-embedded-subscribe-form').ajaxForm(options);

});
function mce_success_cb(resp){
mce_jQuery('#mce-success-response').hide();
mce_jQuery('#mce-error-response').hide();
if (resp.result=="success"){
mce_jQuery('#mce-'+resp.result+'-response').show();
mce_jQuery('#mce-'+resp.result+'-response').html(resp.msg);
mce_jQuery('#mc-embedded-subscribe-form').each(function(){
this.reset();
});
} else {
var index = -1;
var msg;
try {
var parts = resp.msg.split(' - ',2);
if (parts[1]==undefined){
msg = resp.msg;
} else {
i = parseInt(parts[0]);
if (i.toString() == parts[0]){
index = parts[0];
msg = parts[1];
} else {
index = -1;
msg = resp.msg;
}
}
} catch(e){
index = -1;
msg = resp.msg;
}
try{
if (index== -1){
mce_jQuery('#mce-'+resp.result+'-response').show();
mce_jQuery('#mce-'+resp.result+'-response').html(msg);
} else {
err_id = 'mce_tmp_error_msg';
html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';

var input_id = '#mc_embed_signup';
var f = mce_jQuery(input_id);
if (ftypes[index]=='address'){
input_id = '#mce-'+fnames[index]+'-addr1';
f = mce_jQuery(input_id).parent().parent().get(0);
} else if (ftypes[index]=='date'){
input_id = '#mce-'+fnames[index]+'-month';
f = mce_jQuery(input_id).parent().parent().get(0);
} else {
input_id = '#mce-'+fnames[index];
f = mce_jQuery().parent(input_id).get(0);
}
if (f){
mce_jQuery(f).append(html);
mce_jQuery(input_id).focus();
} else {
mce_jQuery('#mce-'+resp.result+'-response').show();
mce_jQuery('#mce-'+resp.result+'-response').html(msg);
}
}
} catch(e){
mce_jQuery('#mce-'+resp.result+'-response').show();
mce_jQuery('#mce-'+resp.result+'-response').html(msg);
}
}
}
</script>
<!--End mc_embed_signup-->




Ging mir aber auch schon mit anderen Formularen passiert. Muss ich die irgendwie "verpacken"?


Ich verwende die neueste Veyton Version.

Danke für die Hilfe!

[df:bug]

Hallo,

fügst du das im Content Manager ein? Dieser verträgt sich nicht damit.

Viele Grüße,
df:bug

[flinhardt]

in den header der index.html

[kasch032]

Du musst wenn "{" oder "}" auftreten z.b. im javasript Code
folgendes machen:

{literal}
<script language=javascript>
<!--
  function isblank() {

  }
// -->
</script>
{/literal}

also {literal} und ein schliessendes {/literal}

ansonsten intepretiert das der smarty Parser als Smarty Variablen etc.
und da wird natürlich nichts ausgegeben.

hoffe das hift etwas weiter.

[flinhardt]

danke für die hilfe. werde ich dann gleich ausprobieren. aber was meinst du mit

"{" oder "}" auftreten ??


wofür stehen "{" oder "}" in dem oben gezeigten code? muss ich das dann auch bei <form> machen? beispielsweise?


danke

[kasch032]

nein <form>, also HTML Elemente sind egal
es geht hier nur um die schweifklammern da diese Smarty verwendet,
also z.b. {box name=categories}

Smarty == Template-Engine

Das heisst wenn in deinen Templates irgendwo solche schweifklammern rumkrebsen die du für andere Sachen verwendest muss man diese eben in {literal} {/literal} einschliessen.
Dann weiss Smarty das, das in nichts angeht und übergeht diesen Block.

Ansonsten versucht er es zu parsen und dann stellts in natürlich auf da er nicht weiss was er machen soll.

Solche Schweifklammern werden in der Regel in der Programmierung für Blockanfang bzw. Blockende verwendet.

also zb:

PHP-Code:

if (Bedingung) { // Blockanfang
 // tue was
} // Blockende 


jetzt das ganze etwas klarer?

[flinhardt]

tataaaaaaaaaa!

Vielen lieben Dank für die sehr ausführliche Antwort.
Denke jetzt habe ich zumindest das begriffen!

[kasch032]

bitte, gerne - hoffe es klappt jetzt mit dem Formular