Troy III 272 Posting Pro

8 Years Ago

Re: client-side Image size/type validation (demo)

@hamid, No Hamid that's not true.
I was there when quotes were introduced in HTML for the first time in history of the web. They were introduced as allowed means of expressing values which contain "word-break characters".
Meaning, not only they are neither mandatory nor required, they are allowed to be used in a naming tentative which would otherwise break in two or more tokens in case that it required a wbr char.
So, no. Quotes are not required to keep the token in one peace when there are no word breaking characters present. And because this is HTML, not xhtml.

Web Development image javascript

Troy III 272 Posting Pro

9 Years Ago

Re: Selecting a cell header to populate remaining cells

How about you post a fiddle intead?

Web Development javascript

rproffitt commented: Fiddles are nice. +10

jonsan32 commented: Agreed. Sorry. I kinda suck at this :-) +3

Troy III 272 Posting Pro

10 Years Ago

Re: Anchor <a> problem

<a> is not an Anchor Element without a properly initialized href object.
It's the same as if you've written:

_> <z><img.../></z>

so it will inherit from HTMLUnknownElement Prototype.

But, your real problem is the <img> tags being nested into <a> elements.
Which are inline elements; have no layout; and no position in document flow.

Your css targeting images, which are relative. But relative to what?

So to cut the story short, [this] quick tweak of your existing css, will restore the presentation to its previous state:

.poster a img{ width:100%; height:100% }
.poster a { display: inline-block; }
.poster {
    width:25%;
    height:25%;
    position:absolute;
    margin-left:20px;
    z-index:0;
}
    .poster a,.poster img {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height:55px; width:55px
    }
    .poster a:nth-child(1) {

        position:relative;
        bottom: -57%; left: 33%;
    }
    .poster a:nth-child(2) {

        position:relative;
        bottom: -15%; right:-6%;
    }
    .poster a:nth-child(3) {

        position:relative;
        bottom: 18%; left: 10%;
    }
    .poster a:nth-child(4) {

        position:relative;
        top: 10%; right: -17%;
    }
    .poster a:nth-child(5) {

        position:relative;
        top: 55%; right: 7%;
    }
    .poster a:nth-child(6) {

        position:relative;
        top: -20%; right: -40%;
        height:100px;
        width:100px

    }

UI / UX Design web-design

Troy III 272 Posting Pro

10 Years Ago

Re: Select same "id" for multiple textarea->Javascript

@Sofersurfa
You should never, ever, assign the same ID to two or more subjects within the same popullation. This act in direct violation with the very definition of ID, its core purpose and meaning.

Web Development javascript

Troy III 272 Posting Pro

10 Years Ago

Re: A Small Problem Involving a Label

mattyd
you've changed the width of your form container - or you'vechanged the font or size; anything of that kind - or simply added borders, -just ad some more space to elements in the container and it will come back to normal.

p.s.: next time avoid using floats for the given purpose, as you can see they will let you down with a big question mark above your head.

UI / UX Design email html-css web-design

mattyd commented: Worked. Thank you! +8

Troy III 272 Posting Pro

10 Years Ago

Re: Changing text with no html tags

JavaScript

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
</head>

<body>

<div class="wpb_wrapper">
    Log In
    <div class="login" id="theme-my-login1">
      This text doesn't change
    </div>
</div>


<script>

    this['theme-my-login1'].parentElement.replaceChild
    (   document.createTextNode("Don't Login!"), 
        this["theme-my-login1"].previousSibling 
    );

</script>

</body>
</html>

Web Development html-css javascript wordpress

diafol commented: Why this has been overlooked so far I don't know +15

JorgeM commented: Javascript master +12

Troy III 272 Posting Pro

10 Years Ago

Re: Which is more useful on home page? Rotating slider or static banner

The problem is that people dont reach pages to be getting some awesomness unless the awesomnes is a part of your page >>content<< not the design.

A good rotator is the one that makes it easy for you to have an immediate overview of your service or information contained in that domain allowing you a hyper-jump to the section site service or info you are really interested in.

Anyway, I came to tell you that from trying to visit https://behance.net I get:

Your connection is not private
Attackers might be trying to steal your information from behance.net (for example, passwords, messages, or credit cards).

This server could not prove that it is behance.net; its security certificate is from *.behance.net. This may be caused by a misconfiguration or an attacker intercepting your connection.

UI / UX Design web-design

diafol commented: Good points +15

almostbob commented: way too many go for form, without function, goodonya +13

Troy III 272 Posting Pro

11 Years Ago

Re: Stop timer on hover

This fiddle is not working on my system but in case it works on an independent page, you can add a function containing clearInterval(tabCarousel); command to a mouseover event on a main tabs wrapper element.

Web Development css-bootstrap javascript javascript-jquery

Troy III 272 Posting Pro

11 Years Ago

Re: jquery function(event) firefox

I've just found this out from triall and error.

And no, you didn't! - I told you so.
Because there's absolutely nothing else to explain here You my friend should have marked this thread Solved.

Web Development javascript javascript-jquery

Troy III 272 Posting Pro

11 Years Ago

Re: jquery function(event) firefox

So why am I downvoted, if you please care to explain?
Thanking me this way for giving you the most
accurate explanation posssible, - expecially when taking in account the fact that your question was far from clear.
What is this?

Web Development javascript javascript-jquery

Troy III 272 Posting Pro

11 Years Ago

Re: jquery function(event) firefox

Can you please expand on your example code, (...not enough data to process...)

There has to be an alternative approach to the problem, probably not as convenient - but at least, one that will walk you across.

p.s.:
Yes it is true that to be able to use it, (refer to the currrent event),- supplying the event argument-name in the function in Firefox is mandatory, (since like forever). And it always has to be the first argument on the arguments namespace.

Web Development javascript javascript-jquery

Troy III 272 Posting Pro

11 Years Ago

Re: Return in JS

Of course you could have left the return statement out of your script syntax and most probably be writing a smaller footprint function to produce the (same) meant result.

You were shooting at (if we understood it well enough) discussing the use and the meaning of it.

The meaning of a certain expression is a subject to its context of its syntactical position. There is no main purpose on a dynamic and a live language like JavaScript.

The return statement is able to return any JavaScript value with no restriction;
Every possible JavaScript object or literal can be returned with return statement, including complex functions or their result which will also come from a return value.

The return statement is most often used on writing functional methods. In other cases it used to conditionally exit the execution process before the remaining statements of the function body are executed.

• The return statement has no meaning outside of a function , in that case an exception message will be thrown: "'return' statement outside of function"

It can also be used to conditionally break, that is, to exit a loop.

No language tells you how to use it. So it is up to the user's natural talent and obtained skill -to use it the way he/she means to formulate express and communicate a certain meaning.

Have fun

Web Development javascript

JorgeM commented: always providing awesome examples and explanations! +12

Troy III 272 Posting Pro

11 Years Ago

Re: Object literals and functions

what is its practical use ?

Web Development javascript

iamthwee commented: yup I thought that too +14

Troy III 272 Posting Pro

11 Years Ago

Re: Java script error with firefox

This is not a javascript question neither, but...

Yo will need to uninstall the recent installation of firefox and reinstall your original version (Firefox 3.6.23), which as it seems can still be found on the web and with a little luck, easily be downloaded from here,so...

Good luck!

Web Development javascript

Troy III 272 Posting Pro

11 Years Ago

Re: Percentage of sites using jQuery UI?

According to their statistics there are about 6 million websites that use JQueryUI.

We should bare in mind that,
-there are also as many clients times 10, who discard their cache upon app close by default.

Web Development javascript javascript-jquery

cereal commented: true +11

Troy III 272 Posting Pro

11 Years Ago

Re: Null problem

...that should fix it (JorgeM's advice)
and here is a ready to copy-paste (corrected) script...

<script type="text/javascript">

function checkEmail()
{

    var email = document.getElementById('xemail');

    //alert(email);

    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

    if (!filter.test(email.value))
    {
    alert('Please provide a valid email address');
    email.focus;
    return false;
    }
}

</script>

Web Development javascript

Troy III 272 Posting Pro

11 Years Ago

Re: Loop to clear textboxes

Sir I am using these codes to clear all textboxes in form

Have you tried the reset button?

<form...>
.
.
.
<button type="reset" value="reset">clear</button>
</form>

or scripting:

document.forms[0].reset();

Web Development javascript

Troy III 272 Posting Pro

11 Years Ago

Re: Code works in jsfiddle but not locally

How about not trying to attach events to elements before they are created?!
Put the script that manipulates the DOM where it belongs: towards the end of the document body.

(the working code)

<!DOCTYPE html>
<html>
<head>

<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<style>
.none {
    display:none;
}
</style>
</head>

<body>
<input type="radio" name='thing' value='valuable' data-id="bank" />Running Event
<input type="radio" name='thing' value='valuable' data-id="school" />Other challenges
<div id="school" class="none">
<label for="name">What was the activity called?</label>
                <select id = "myList">
               <option value = "1">Virgin London Marathon</option>
               <option value = "2">Round the Island cycle challenge</option>
               <option value = "3">Kilimanjaro trek</option>
               <option value = "4">Thames Path Challenge</option>
             </select>


</div>
<div id="bank" class="none"><label for="name">What was the activity called?</label>
                <select id = "myList">
               <option value = "1">Pancake Making</option>
               <option value = "2">Egg and spoon race</option>
               <option value = "3">Sack race </option>
               <option value = "4">Three leg race</option>
             </select></div>
<script>

$(':radio').change(function (event) {
    var id = $(this).data('id');
    $('#' + id).addClass('none').siblings().removeClass('none');
});
</script>
</body>
</html>

Web Development javascript

iamthwee commented: nods +14

Troy III 272 Posting Pro

11 Years Ago

Re: New moderator

Congratulations JorgeM,
make sure you have a good time. :)
Regards.

JorgeM commented: Thanks Troy III ! +0

Troy III 272 Posting Pro

11 Years Ago

Re: Time Limit for Up/Down Votes

There are lot's of occasions when I happen to be boldly notified that:
"this thread is { [xx] months : years} old"
etc etc

I don't think that people are that blind or illiterate to not see or understand that a solved ie 5 year old thread, has a five years old solution!
Every knowledge seeking surfer will come to that post with backward compatibility in mind and make the best out of it combining the acquired old working code with modern most recent methods and practices.

Troy III 272 Posting Pro

11 Years Ago

Re: Javascript: window.alert Versus alert

the difference between alert("string") and window.alert("string") is:
an { implicit call to alert function } vs { explicit call to the same }.

You can also call self.alert("string"); top.alert("string"); this.alert("string"); ...but!
They are all the same.

The "alert" function of any window, is inherited through its prototype. Which means that this frame alert is not the same as that frame alert.
That would be the main and deliberate difference.

Web Development javascript

Troy III 272 Posting Pro

11 Years Ago

Re: Hiding page while loading in javascript

I want the site loading in the iframe to load during the player resizing & opening sequence

Start loading the iframe source before "the player resizing & opening sequence" command is issued.

Web Development html-css javascript

Troy III 272 Posting Pro

11 Years Ago

Re: JavaScript string.replace *

Is there a way to make result=efg?

   var result  = alpha.match("efg");

Or even just remove everything infront of efg.

   var result = alpha.substring(alpha.match("efg").index);

Web Development javascript

Troy III 272 Posting Pro

11 Years Ago

Re: css help to center text in div

if "menu-item" is a one-liner, you can:
check this : http://jsfiddle.net/8fySf/

UI / UX Design html-css web-design

Troy III 272 Posting Pro

11 Years Ago

Re: vertically align text in center of the div

Hi i have looked at all the suggested methods. But there is a problem. "display:table" will not work in all the browsers. I mean all the users will not be using the latest browsers. Most of them must be 2-4 years old. So this will not definetly work on all browsers. "inline-height" is not the solutions as my div contains multiple lines of text. so still my problem is unsolved.

here is your universal solution:

<div style="height: 200px; border: 2px dashed silver;">
<span style="height:100%;display:inline-block;vertical-align:middle"></span>
<span style="display:inline-block">This is my book.<br>I am so happy.</span>
</div>

p.s.:
I've been answering this question since years...,
I've answered it here on several ocasions too!

Well, guess what, - nobody even bothered to at least say "it worked"! Let alone "thanks", or mark the thread as solved, etc, etc...

but, who cares? -Have fun!

UI / UX Design web-design

Troy III 272 Posting Pro

12 Years Ago

Re: One of those stupid questions: What is "+=" and "-="?

{ i = i + 1 } = "I just started coding and I simply Rock!"

{ i += 1 } = "I know, I used to suck so hard..."

{ i++ } = "Am I finally - getting the hang of it?"

Web Development javascript

Troy III 272 Posting Pro

12 Years Ago

Re: how can i close current window in javascript

this.close()

will do your thing!
;that is: the window will not close before prompting the client "do you wan't to close this tab \ window" ...

Web Development javascript

Troy III 272 Posting Pro

12 Years Ago

Re: Hover effect not working in Firefox

Erratic behaviour on repetitive user-actions was revealed while testing my JS Spartan (property) Togler, targeting properties on STYLE object. The bug was filed at Bugzilla, (Bug 720129), but because of its manifestation inconsistency, its status remains UNCONFIRMED since.

Web Development javascript

Troy III 272 Posting Pro

12 Years Ago

Re: Expand/Collapse Paragraph

Is there any reason why would I want my toggle to take longer than a click to get out of my way and pop up right back when I need it?
- Or, what gives me the right to punish my client's bandwidth with additional 92KB download and leave him hanging, before he could toggle it back and forth with that document ready thing, and for what? A thing of which my client doesn't have the slightest interest and moreover, doesn't even notice!

Aside that, your reply is hostile and uneducated. And I don't like it; At all.

Web Development javascript

Troy III 272 Posting Pro

12 Years Ago

Re: Change one element background color when mouse is hover another element

do you use a separate towel on each hand?!
-well than, you'll need to take it easy on those CSS definitions.

This is the exact equivalent of your existing css, [except that it is at least 1/4 times shorter].

.linha {
          width: 100%;
          height: 3px;
          background-color: #E51400;
}
#menu {
        width: 100%;
        text-align: center;
        font-weight: 400;
        font-size: 1.6em;
        color: #333;
}
.home,.contato,.trabalhos,.experimentos  {
        text-decoration: none;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #E51400;
        padding-right: 5px;
        padding-left: 5px;
        margin: 10px;
        -webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;
        color: #333;
}

.home:hover,.home.active {
          background-color: #E51400;
          color: #fff;
}
.trabalhos:hover,.trabalhos.active {
        background-color: #8CBF26;
        border-bottom-color: #8CBF26;
        color: #fff;
}

.experimentos:hover,.experimentos.active {
        background-color: #6E155F;
        color: #fff;
        border-bottom-color: #6E155F;
}
.contato:hover,.contato.active {
        background-color: #1BA1E2;
        border-bottom-color: #1BA1E2;
        color: #fff;
}

but even this can stand a trial for further optimizations.

***

The following JavaScript function can do your thing, - if you agree to remove css transitions...

   activate : syncAttr(lineTop.style, "backgroundColor", menu.children);    
     function syncAttr(t, a, x){
            function cS(x){return getComputedStyle(x,0) || x.currentStyle};
            var L = x[0] ? x : [x], i = 0;
            while(L[i]){ 
                L[i].onmouseover= attSync;
                L[i].onmouseout = function(){t[a]=""};
            i++;}
            function attSync(){t[a] = cS(this)[a]}
            }

The code is assuming that: <div class="linha"></div> has an id=lineTop. That is <div id=lineTop class=linha></div>.

But as mentioned; Will not work with css transitions enabled.

Web Development javascript

Troy III 272 Posting Pro

12 Years Ago

Sanitize HTMLString

This is a simple HTML String Sanitizing tool.

It allows a highly rich,- but safe - html content input to be published on your pages.

The script code is very light and to some degree customizable.

This function takes care of blacklisted tags, which are the first to be discarded without further processing.
Otherwise, it checks link protocols for code injection, and strips it off if JavaScript is encountered.
Further on, it removes all event driven code assignments from event attributes on all tags.
And lastly, it restores images after stripping their event attributes. This security step is taken directly on the string source, because images are able to trigger the onerror event on a faulty source as soon as they are converted to DOM Elements, - making it possible for the attacker to execute his malicious code even before appending it to the document. This is the only part of the measure that operates on a string level. But it's absolutely, - a necessary one!

All questions, suggestions or remarks, are welcome...

p.s.: just before posting, I decided to also restrict the use of inline style, -since earlier versions of IE do support JavaScript returned values on this property.

Web Development html-css javascript

JorgeM commented: nicely done. +10

Taywin commented: Clear description +11

Troy III 272 Posting Pro

12 Years Ago

Hello, i am making a keyboarding site for my class, and i have a div with some text inside, when they type, i want to check if the text matches the text in the div, if it dosn't, i wan't to update a box with an "error count". How can i achive this?

Is this a typing practice class?

Web Development html-css javascript

zacharysr commented: Yes this is for a class in my highschool. I am making it for my teacher +0

Troy III 272 Posting Pro

12 Years Ago

Re: Notepad not allowing to save html file after editing

Hi, I have a very simple question but one which creates a lot of bother!!
In Notepad (and even notepad++) when I open an html file and after editing try to save it, it says..'the process cannot access the file because it is being used by another process' and follows up with a 'SAVE AS' box. This happens even though the html file is not open in any browser! Any solutions or tricks are welcome!

you are invoking the page you are editing from the file explorer
deselect it before trying to save your changes.

UI / UX Design html-css web-design

Troy III 272 Posting Pro

13 Years Ago

Re: onclick problems

a quick patch:

    reg.onclick = function(){createReg(cell7.id)}

Web Development javascript

Troy III 272 Posting Pro

13 Years Ago

Re: js language detect

that would be:

navigator.language

and that would indicate the client language used in the system by that client on that terminal.

Web Development javascript

DarkMonarch commented: helpful tip +0

Troy III 272 Posting Pro

13 Years Ago

Re: innerHTML vs innertext vs textcontent

The only browser that doesn't support the original innerText property and method is firefox.
It's not IE's fault that someone else took its feature and called it "my invention" by changing its original name. Never mind that it will cause the web to break! Which in return is its exact aim and the reason of renaming your tools in the first place.

Anyhow:
Using the innerHTML as an alternative to innerText was always possible but not always safe. It depends on what you are trying to do. If you are using it as a property or as a method which makes the main difference. Let's exemplify the distinction:

some div content:
"div with a [B]bold[/B] element"
used as properties of the element will return:

div.innerText >> "div with a bold element"
div.innerHTML >> "div with a <b>bold</b> element"

whereas, using them as methods for the same content
"div with a <b>bold</b> element"
will give you a:

div.innerText = "div with a <b>bold</b> element"
>>  "div with a <b>bold</b> element"
div.innerHTML="div with a <b>bold</b> element"
>> "div with a [b]bold[/b] element"

So it is safe to use, as long as the tool you are using, will do what you are aiming to.

Web Development html-css javascript

Troy III 272 Posting Pro

13 Years Ago

Re: Current Date Time

thisDay=
/*b.b. Troy III p.a.e*/{
    get Date(){return new Date().toLocaleDateString()},
    get Time(){return new Date().toLocaleTimeString()}
   }

thisDay.Date  >> "Thursday, March 08, 2012"
thisDay.Time  >> "09:49:38" or "9:49:38 AM" (IE) //will depend on a browser!

Web Development javascript

Troy III 272 Posting Pro

13 Years Ago

Re: How to stick div to the top of the website?

[selector] { position : fixed; ... }

UI / UX Design html-css web-design

Troy III 272 Posting Pro

13 Years Ago

client-side Image size/type validation (demo)

Will work on latest:Chrome Safari Firefox Opera and all versions of IE.
*(client notifications are for demonstration purposes only, and subject to designer decisions and modifications )

Can be used for size and mime-type restrictions.

When mime-type is not an issue, accepting any kind of image format can be done usnig "image" as a function argument.
Multiple mime-types allowed should be separated with the following syntax: "gif|jpeg|png" etc. [see the demo].
Numeric value signifies the maximum size in kilobytes.

Benefits: your client doesn't have to wait until the image uploads on the server just to see that his file is a byte or two bigger than acceptable or of a wrong image type. Reduces wasted bandwidth on wrong content tests and unnecessary server load.
No further scripting required for submit action denial when wrong type/size detected.

Web Development image javascript

diafol commented: Only just come across this. Wow. Very very nice. Thanks Troy. +15

cereal commented: nice! +13

Troy III 272 Posting Pro

13 Years Ago

Re: smooth scrollintoview

Hi all,
I'm using scrollintoview to scroll to the element but it's very quick, do you know anything like this but smooth?

That's not because it is quick. The 'scrollIntoView' method doesn't actually scroll. It only makes the target jump strait into view.

Web Development javascript

Troy III 272 Posting Pro

13 Years Ago

Re: using value of textfield as parameter

I know this is a basic question. I asked the same question a while ago, even then thinking it was a simple question. The answer I got seemed to be what I already know and was obvious.. however, when I tried it, it did not work, so I just worked around it for a while... But now the same question is coming up, and this method is still not working...
<p>Name : <input type="text" id="theName" name="theName" value=""></p>
<p><input type="button" name="btnGo" value="Go" onClick="goNow(document.getElementByID('theName').value)"></p>
that is what I currently have, and for some reason it is not working... am I doing something wrong, or why is it not working?

This is your code

<p>Name : <input type="text" id="theName" name="theName" value=""></p>
<p><input type="button" name="btnGo" value="Go" onClick="goNow(document.getElementByID('theName').value)"></p>

What's it supposed to do, because the code provided is absolutely unclear at this point. It doesn't unveil your aim nor what you are aiming to achieve with it
Let's first correct your spelling error on the method first:

<p>Name : <input type="text" id="theName" name="theName" value=""></p>
<p><input type="button" name="btnGo" value="Go" onClick="goNow(document.getElementById('theName').value)"></p>

Now, even if your "goNow" would happen to be the name of some well written function, it should return nothing since the value of your "theName" input is empty by default.
At this point, the "goNow()" [name of some presumed existing function] doesn't tell us much -not even after giving it some seriously deep dark thoughts.
We are after all ordinary coders; some are good, some are better, but in either case …

Web Development javascript

stbuchok commented: I'm starting to appreciate your humor +7

Troy III 272 Posting Pro

13 Years Ago

Re: any html(5) tag that renders whitespace at the end

Unfortunately not.
Consider what would happen with an initially empty paragraph in any browser that supports element.innerText but not element.innerContent . oElement.innerText would be falsy (empty string) and the statement would assign oElement["textContent"] = myVarText . Opera, FF, Chrome, Safari and IE9 would be fine but IE5.5, IE6, IE7 and IE8 would fail silently.
There are still enough IE5.5/6/7/8 users out there to worry about.
How about?:
oElement[oElement.hasOwnProperty('innerText')?"innerText":"textContent"] = myVarText;
Airshow

:)

-(You mean "textConent"!),
Yes I must admit that I wrote it [as a fast patch and go] on a wrong assumption that an elements predefined property values are all initially "null" as are those of event properties. But thankfully I was wrong!
Properties like innerText or textContent should have their initial values Empty but of a correct Data Type (as should other types of properties), in this case: of a String Type.

An Empty String [""} just like "null" represents the [empty] type of the given property value, a correct one -(to make e digression) that's why typeof null should return "object", [and it does return "object"], not "null" -because 'null' doesn't mean anything at all.

I'm not saying that having a complementary "typeOf" operator [with a capital O] which would return "null" for null, would harm anything, on contrary -I think it's a must have operator. Its acting would be analogous to == and === comparison syntax, - implicit vs explicit : dynamic vs static.

That would be a great advance since …

Web Development html-css javascript

stbuchok commented: Great discussion +7

Troy III 272 Posting Pro

13 Years Ago

Re: Check whether CapsLock is on

of course it is
but you don't want a page yelling at you: "- your caps lock is on !" as soon as it opens, -who cares?! Perhaps you came there by accident or got redirected.

-Not even a standalone application will warn you for "all-caps lock" unless you are feeding its encrypted password field. It's simply annoying!
(and what about users who's pass is deliberately in all caps?)

Don't annoy your clients, the password field should, at least be selected, or focused on, before the warning is shown.
Anyway future browsers are planning to have that feature on inputs of type password by default and IE10 supports it already ... no additional coding needed.

Web Development javascript

Troy III 272 Posting Pro

13 Years Ago

Re: String+variable to return variable value

I tried with arrays but I get Uncaught SyntaxError: Unexpected token [(look at the comment in code)

for(i = 1; i <= 30; i++){
	var h = new Array();
	var v = new Array();
	var o = $("#v"+i).css("opacity");
	if(o < 1){
	var v[i] = 0;//on this line
	}else{
	var v[i] = 1;
	}
	var o = $("#h"+i).css("opacity");
	if(o < 1){
		var h[i] = 0;
	}else{
		var h[i] = 1;
	}
	var cl = parseInt($("#"+i).attr('class'));
	var id = parseInt($("#"+i).attr('id'));
	var top = cl;
	var left = id;
	var bottom = cl+5;
	var right = id+5;
	var tv = v[top];
	var lv = h[left];
	var bv = v[bottom];
	var rv = h[right];
	var result = tv+lv+bv+rv;
	if(result==4){
		$('#'+i).html("X");
	}
}

The thing is, - I don't understand what you are trying to do.
You should have tried to correct that error instead of escaping from water into the fire.

First thing's first: you don't declare variables inside the loop.

var h,v,o,cl,id,top,left,bottom,right,tv,lv,bv,rv,result;
for(i = 1; i <= 30; i++){
		o = $("#v"+i).css("opacity");
	if(o < 1){ v[i] = 0} else{ v[i] = 1 };
		o = $( "#h" + i ).css( "opacity" );
	if( o < 1 ){ h[i] = 0 } else{ h[i] = 1 };
		cl = parseInt( $( "#" + i ).attr( 'class' ) );
		id = parseInt( $( "#" + i ).attr( 'id' ) );
		top = cl; left = id; bottom = cl + 5; right = id + 5;
		tv = v[top]; lv = h[left]; …

Web Development javascript

Troy III 272 Posting Pro

13 Years Ago

Re: The Infamous Time/Timezone Thread

This is the fastest and shortest I can do for you:
(The MDT/MST will depend on your clock settings. If you've chosen MST, MST display it will!)

<!DOCTYPE native>
<html>
<head>
<title>Live Clock</title>
   <style>
	div
	{
		background-color: silver;
		border: 1px solid gray;
		padding: 1px 5px;
		border-radius: 4px;
	}
   </style>
</head>
<body>
<div>
	Time: &nbsp; <input id="time">
</div>
<script>
onload=
	liveClock=
		function(){
		var tm = Date();
			tm=(tm.toString()).split(' ');
			time.value = tm[3]+" "+tm[4];
		setTimeout("liveClock()", 500);
	}
</script>
</body>
</html>

Web Development javascript

Troy III 272 Posting Pro

15 Years Ago

Re: JQuery $(this).attr('id') not working

I don't think that "this" kewyword is legal syntax in:

$(this).attr('id')

but since the syntax:

this.att('id')

will not work either.
You are left with one solution only, - the right way to do things, a pure javascript syntax:

this.id

Regards.

Web Development javascript javascript-jquery

Troy III 272 Posting Pro

15 Years Ago

Re: Decimal places

This can make it 333

Test this code in your addresbar:

javascript: alert(333.33333.toFixed())

implement it if you like it.

You can also do things like:
3215.3248566432.toFixed() //gives you [3215]
3215.3248566432.toFixed(1) //gives you [3215.3]
3215.3248566432.toFixed(3) //gives you [3215.325]
3215.3248566432.toFixed(4) //gives you [3215.3249]

etc

Web Development javascript

Troy III 272 Posting Pro

15 Years Ago

Re: HTML Validation why bother?

Hi
I am using Expression Web 2 and need to alter an existing website so as to display nicely on what I regard as a standard display size of 1024 x 768. It would have been better to start from scratch but it's a bit late for that now. I have an error "td tag not closed before this body tag closed". I couldn't find any open tags and decided to sumbit the page to the HTML validator. To cut a long story short it didn't accept the Doctype statement throwing 9 errors.
Just out of curiousity I decided to enter www.microsoft.com into the validator. Is this a record? The validator threw up 296 errors and 31 warnings!
Microsoft seem to be doing all right so why bother should we bother with the HTML validator?
Geoff

The HTML online validator can't tell where the arror ocurred exactly. Tries to narrow the posibility by selecting the first element the error triggered and the last one suffering it. In this case, the closing tag of the body element. This means that the error has safetly passed from element to another without causing a chain error reaction until it reached the end of the document. Therefore logically you should look from the head-tail direction to try and trace it. In fact it is most probably nothing, not even a missing closing tag, It migt be some mismatched quote or accidentaly deleted or forgoten qoute in some value most probably at …

UI / UX Design html-css web-design

ggeoff commented: A very useful post +3

Troy III 272 Posting Pro

15 Years Ago

Re: Iframes problem

don't worry they want!
you've coded for firefox and firefox it gave.

there are two ways of fixing this, you either give your images enough space (width) to fit in that container, or you force style display block on their inline wraper tags, <a> .

I would suggest you go with : td a{display:block} !in your frame document source Style, which is at:
http://cavpollos.webs.com/iFramePages/cuadrosLinks.htm

UI / UX Design html-css web-browser web-design

Troy III 272 Posting Pro

15 Years Ago

Re: Mediaplayer question

can you do so the upload thing disapear

Yes, you simply delete it!

and it play from a file uploaded to my website?

Just change the play button code from: <INPUT TYPE="BUTTON" VALUE="Play" OnClick="Player.controls.play()"> into: <INPUT TYPE="BUTTON" VALUE="Play" OnClick="Player.URL='http://mywebsite.dk/music/mymusic.mp3'>

Web Development javascript