Solved

Chrome make a problem with a Javascript function

Posted on 2014-02-18
5
526 Views
Last Modified: 2014-02-18
Dear experts,

I have a little problem with one of my HTML page.

Look this URL:
http://dv-play.com/ingles/contact.htm

 On the botton of the page, there is a filed Type the number on the right. It works with IE, Firefox but with Google Grome the generated picture is missing. Could you tell me what I should change?Or may be,  to detect Chrome and do not require the number?
0
Comment
Question by:dvplayltd
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 40

Expert Comment

by:Eoin OSullivan
ID: 39867120
The image appears to be fine on Chrome on OSX mac _ see image below.

Have you tried clearing the cache for your website in Chrome?
Chrome OK on OSX
0
 

Author Comment

by:dvplayltd
ID: 39867180
Thanks for your info. It look the problem is with Chrome on WIndows 7.
It is not from cash, on my computer is like this, one customer call me with the same complain.

It look - the picture is here with Chrome, but it is white color... What HTML to add to set picture color? OR background ???
0
 
LVL 58

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39867291
That is not an image - it is text in a text box.

The image background 1.jpg does not exist.

When the page loads the onload event calls DrawCaptcha - which randomly creats a  numeric string which is then assigned to the text input to the right of the capture box.

Not really a secure way of doing things as the original capture is easily readible. I would instead use the hidden field solution. Hide a field with css and then check on submit if it has a value. If it does it was submitted by a bot.

As to why this is not working in chrome. I suspect it is because you are using a font-family Modern which is not rendering correclty. Change your input line to this

<input name="text" type="text" id="txtCaptcha" style="background-image:url(1.jpg); text-align:center; border:none; font-weight:bold; font-family:Arial" size="6">

Open in new window

See if that helps.
0
 

Author Closing Comment

by:dvplayltd
ID: 39867359
10. I put the Ariel and now my captch is seen on Grome. Thanks a lot! P.S: I know this is not very good way, but it is enoght for me.
0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39867478
Excellent - well good luck and thanks for the points.
0

Featured Post

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question