dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[*] Modules : use jQuery in blocknewsletter to remove @todo comment - thanks @romainberger

Browse Source
This commit is contained in:
vAugagneur
2013-04-22 09:48:30 +02:00
parent 5f6d0614df
commit b1a839263d
2 changed files with 45 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/blocknewsletter/views/templates/hook/blocknewsletter.tpl
+22 -11
View File
@@ -33,20 +33,31 @@
{/if} {/if}
<form action="{$link->getPageLink('index')}" method="post"> <form action="{$link->getPageLink('index')}" method="post">
<p> <p>
{* @todo use jquery (focusin, focusout) instead of onblur and onfocus *} <input class="inputNew" id="newsletter-input" type="text" name="email" size="18" value="{if isset($value) && $value}{$value}{else}{l s='your e-mail' mod='blocknewsletter'}{/if}">
<input type="text" name="email" size="18" <input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
value="{if isset($value) && $value}{$value}{else}{l s='Your email address' mod='blocknewsletter'}{/if}"
onfocus="javascript:if(this.value=='{l s='Your email address' mod='blocknewsletter' js=1}')this.value='';"
onblur="javascript:if(this.value=='')this.value='{l s='Your email address' mod='blocknewsletter' js=1}';"
class="inputNew" />
<!--<select name="action">
<option value="0"{if isset($action) && $action == 0} selected="selected"{/if}>{l s='Subscribe' mod='blocknewsletter'}</option>
<option value="1"{if isset($action) && $action == 1} selected="selected"{/if}>{l s='Unsubscribe' mod='blocknewsletter'}</option>
</select>-->
<input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
<input type="hidden" name="action" value="0" /> <input type="hidden" name="action" value="0" />
</p> </p>
</form> </form>
</div> </div>
</div> </div>
<!-- /Block Newsletter module--> <!-- /Block Newsletter module-->
<script>
var placeholder = "{l s='your e-mail' mod='blocknewsletter' js=1}";
{literal}
$(document).ready(function() {
$('#newsletter-input').on({
focus: function() {
if ($(this).val() == placeholder) {
$(this).val('');
}
},
blur: function() {
if ($(this).val() == '') {
$(this).val(placeholder);
}
}
});
});
{/literal}
</script>
themes/default/modules/blocknewsletter/blocknewsletter.tpl
+23 -7
View File
@@ -24,6 +24,7 @@
*} *}
<!-- Block Newsletter module--> <!-- Block Newsletter module-->
<div id="newsletter_block_left" class="block"> <div id="newsletter_block_left" class="block">
<p class="title_block">{l s='Newsletter' mod='blocknewsletter'}</p> <p class="title_block">{l s='Newsletter' mod='blocknewsletter'}</p>
<div class="block_content"> <div class="block_content">
@@ -32,16 +33,31 @@
{/if} {/if}
<form action="{$link->getPageLink('index')}" method="post"> <form action="{$link->getPageLink('index')}" method="post">
<p> <p>
{* @todo use jquery (focusin, focusout) instead of onblur and onfocus *} <input class="inputNew" id="newsletter-input" type="text" name="email" size="18" value="{if isset($value) && $value}{$value}{else}{l s='your e-mail' mod='blocknewsletter'}{/if}">
<input type="text" name="email" size="18" <input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
value="{if isset($value) && $value}{$value}{else}{l s='your e-mail' mod='blocknewsletter'}{/if}"
onfocus="javascript:if(this.value=='{l s='your e-mail' mod='blocknewsletter' js=1}')this.value='';"
onblur="javascript:if(this.value=='')this.value='{l s='your e-mail' mod='blocknewsletter' js=1}';"
class="inputNew" />
<input type="submit" value="ok" class="button_mini" name="submitNewsletter" />
<input type="hidden" name="action" value="0" /> <input type="hidden" name="action" value="0" />
</p> </p>
</form> </form>
</div> </div>
</div> </div>
<!-- /Block Newsletter module--> <!-- /Block Newsletter module-->
<script>
var placeholder = "{l s='your e-mail' mod='blocknewsletter' js=1}";
{literal}
$(document).ready(function() {
$('#newsletter-input').on({
focus: function() {
if ($(this).val() == placeholder) {
$(this).val('');
}
},
blur: function() {
if ($(this).val() == '') {
$(this).val(placeholder);
}
}
});
});
{/literal}
</script>