Joomla Templates Club 406,261 posts

[ian1957 Friend ian1957Join date: February 2013Posts: 12Downloads:0Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#185366

The placeholder text in the contact entry boxes does not show in IE but is there in Firefox and Chrome.

http://www.ianneilsonfurniture.co.uk/#contact

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#484858

Hi ian1957,

This is because IE 9 doesn’t support placeholder and HTML5 :((

1 user says Thank You to Saguaros for this useful post

1. ian1957

[ian1957 Friend ian1957Join date: February 2013Posts: 12Downloads:0Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#484884

Thanks. Does JA give any recommendation to how Quick can be configured to be made usable by IE users (there are still a lot of them) ?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#484996

Hi ian,

You can try adding this jQuery file to this template:

– Download this file: https://github.com/mathiasbynens/jquery-placeholder/blob/master/jquery.placeholder.js and copy to folder: /templates/ja_onepage/js

– Open file: templatesja_onepageetcassets.xml , add path links to the new added file:


<assets>
<scripts>
<file>js/jquery.easing.1.3.js</file>
<file>js/script.js</file>
<file>js/jquery.placeholder.js</file>
</scripts>
</assets>


– Open file: templatesja_onepagejsscript.js , file function
$(window).load(function() {

and add this line of code inside this function:
$('input, textarea').placeholder();

1 user says Thank You to Saguaros for this useful post

1. ian1957

[ian1957 Friend ian1957Join date: February 2013Posts: 12Downloads:0Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#485050

Thank you. This is very close to making it workable but unfortunately each input text box still starts off blank and is only populated with the placeholder after it has received and lost cursor focus.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#485071

Hi,

Change a little bit in above line of code:

$('input, textarea').placeholder();
to:

setTimeout(function(){
$('input, textarea').placeholder();
}, 2000);

It should work 🙂

1 user says Thank You to Saguaros for this useful post

1. ian1957

[ian1957 Friend ian1957Join date: February 2013Posts: 12Downloads:0Uploads:5 Thanks: 6 Thanked: 1 times in 1 posts]

#485127

Works like magic. Thank you very much, great support!

[lgisl Friend lgislJoin date: November 2006Posts: 37Downloads:0Uploads:6 Thanks: 4]

#505621

Hello,

I see the websites http://www.ianneilsonfurniture.co.uk/#contact and the demo http://joomla25-templates.joomlart.com/ja_onepage/#get_in_touch with IE7, IE8 and IE9 and the contact text entry boxes not show.

¿Is it correct?: templatesja_onepagejsscript.js :

[PHP]$(window).load(function() {
setTimeout(function(){
$(‘input, textarea’).placeholder();
}, 2000);
$(‘img.img-grayscale, .img-grayscale img, .ja-cp-image img’).each(function() {
$(this).wrap(‘<div style=”display:inline-block;” class=”gs-wrap”></div>’)
.clone().addClass(‘gotcolors’).css({‘position’: ‘absolute’, ‘opacity’: 0}).insertBefore(this);[/PHP]

Thanks in advance

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#505662

Dear lgisl,

This thread is discussing about that problem of IE browser, kindly take a look at my above suggestion

[lgisl Friend lgislJoin date: November 2006Posts: 37Downloads:0Uploads:6 Thanks: 4]

#505698

Hi Saguaros

I saw the comment:: This is because IE 9 doesn’t support placeholder and HTML5

I known joomlart not offers support IE 7 navigator, but the template not working well (Users of the website can not contact if no names are displayed fields) in IE 8 and IE 9 , they are widely used browsers.

It is a big problem in a website, if the contact does not work. ¿Any solution about it?

Thanks in advance.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506232

Kindly check my above suggestions 🙂

[cornishcharlie Friend cornishcharlieJoin date: August 2015Posts: 6Downloads:0Uploads:0 Thanks: 3]

#719005

Hi Saguaros,
I am struggling to get this fix to work. I still seem to be unable to get the field names to show in internet explorer

I have downloaded jquery.placeholder.js and copied it to /templates/ja_onepage/js

I have edited /templates/ja_onepage/etc/assets.xml to read:

<?xml version="1.0" encoding="utf-8"?>
<assets>
<scripts>
<file>js/jquery.easing.1.3.js</file>
<file>js/script.js</file>
<file>js/jquery.placeholder.js</file>
</scripts>
</assets>

and I have also edited /templates/ja_onepage/js/script.js as instructed

$(window).load(function () {

setTimeout(function() {
$('input, textarea').placeholder();
}, 2000);

$('img.img-grayscale, .img-grayscale img, .ja-cp-image img').each(function () {
$(this).wrap('<div style="display:inline-block;" class="gs-wrap"></div>')
.clone().addClass('gotcolors').css({'position': 'absolute', 'opacity': 0}).insertBefore(this);

Grayscale(this);
}).parent().hover(
function () {
$(this).find('.gotcolors').css({
left: Math.round($(this).find('.gotcolors').siblings('img').position().left),

however my placeholder text still does not show 🙁

[cornishcharlie Friend cornishcharlieJoin date: August 2015Posts: 6Downloads:0Uploads:0 Thanks: 3]

#752842

Hi Saguaros,
I am struggling to get this fix to work. I still seem to be unable to get the field names to show in internet explorer

I have downloaded jquery.placeholder.js and copied it to /templates/ja_onepage/js

I have edited /templates/ja_onepage/etc/assets.xml to read:

<?xml version="1.0" encoding="utf-8"?>
<assets>
<scripts>
<file>js/jquery.easing.1.3.js</file>
<file>js/script.js</file>
<file>js/jquery.placeholder.js</file>
</scripts>
</assets>

and I have also edited /templates/ja_onepage/js/script.js as instructed

$(window).load(function () {

setTimeout(function() {
$('input, textarea').placeholder();
}, 2000);

$('img.img-grayscale, .img-grayscale img, .ja-cp-image img').each(function () {
$(this).wrap('<div style="display:inline-block;" class="gs-wrap"></div>')
.clone().addClass('gotcolors').css({'position': 'absolute', 'opacity': 0}).insertBefore(this);

Grayscale(this);
}).parent().hover(
function () {
$(this).find('.gotcolors').css({
left: Math.round($(this).find('.gotcolors').siblings('img').position().left),

however my placeholder text still does not show 🙁

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#719322

Hi

Which version of IE are you experiencing this error? Could you post your site’s URL here (or PM me admin & ftp account) so that I can take a look?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#753009

Hi

Which version of IE are you experiencing this error? Could you post your site’s URL here (or PM me admin & ftp account) so that I can take a look?

[Author]

Posts