From b1a839263df193e5ea9c357a3e662b8b82af6bef Mon Sep 17 00:00:00 2001
From: vAugagneur <vincent.augagneur@prestashop.com>
Date: Mon, 22 Apr 2013 09:48:30 +0200
Subject: [PATCH] [*] Modules : use jQuery in blocknewsletter to remove @todo
 comment - thanks @romainberger

---
 .../views/templates/hook/blocknewsletter.tpl  | 33 ++++++++++++-------
 .../blocknewsletter/blocknewsletter.tpl       | 30 +++++++++++++----
 2 files changed, 45 insertions(+), 18 deletions(-)

diff --git a/modules/blocknewsletter/views/templates/hook/blocknewsletter.tpl b/modules/blocknewsletter/views/templates/hook/blocknewsletter.tpl
index ff25df34b..db017dadf 100644
--- a/modules/blocknewsletter/views/templates/hook/blocknewsletter.tpl
+++ b/modules/blocknewsletter/views/templates/hook/blocknewsletter.tpl
@@ -33,20 +33,31 @@
 	{/if}
 		<form action="{$link->getPageLink('index')}" method="post">
 			<p>
-				{* @todo use jquery (focusin, focusout) instead of onblur and onfocus *}
-				<input type="text" name="email" size="18" 
-					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 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="submit" value="ok" class="button_mini" name="submitNewsletter" />
 				<input type="hidden" name="action" value="0" />
 			</p>
 		</form>
 	</div>
 </div>
 <!-- /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>
\ No newline at end of file
diff --git a/themes/default/modules/blocknewsletter/blocknewsletter.tpl b/themes/default/modules/blocknewsletter/blocknewsletter.tpl
index b1fc6ca97..24d94f59f 100644
--- a/themes/default/modules/blocknewsletter/blocknewsletter.tpl
+++ b/themes/default/modules/blocknewsletter/blocknewsletter.tpl
@@ -24,6 +24,7 @@
 *}
 
 <!-- Block Newsletter module-->
+
 <div id="newsletter_block_left" class="block">
 	<p class="title_block">{l s='Newsletter' mod='blocknewsletter'}</p>
 	<div class="block_content">
@@ -32,16 +33,31 @@
 	{/if}
 		<form action="{$link->getPageLink('index')}" method="post">
 			<p>
-				{* @todo use jquery (focusin, focusout) instead of onblur and onfocus *}
-				<input type="text" name="email" size="18" 
-					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 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="submit" value="ok" class="button_mini" name="submitNewsletter" />
 				<input type="hidden" name="action" value="0" />
 			</p>
 		</form>
 	</div>
 </div>
 <!-- /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>