Jermaine

[JavaScript] Working jQuery but a bit cluttered...

2010-04-19T14:17:08-07:00

Hi Everyone,

I'm changing the time by 1 hour in the second selectbox, based on what's selected in the first selectbox.

The code is working perfectly fine, you can paste it in your texteditor and fire it up in your webbrowser to see how it works.

The code is just a bit cluttered. So any (better) suggestions are welcome...

[html]

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<select id="mySelect">
  <option value="8">08:00</option> 
  <option value="9">09:00</option> 
  <option value="10">10:00</option>
</select> 


<select id="mySelect_2">
  <option value="8">08:00</option> 
  <option value="9">09:00</option> 
  <option value="10">10:00</option>
</select> 


<script>

$("#mySelect").change(function(){
    var selected = $(this).attr("selectedIndex");
    var max_select_box = $("#mySelect option").length -1;
  
      if (selected == max_select_box) { 
           $("#mySelect2").attr("selectedIndex", selected);
      } else {
           $("#mySelect2").attr("selectedIndex", selected + 1);
      }
  
      $("#mySelect_2").change(function(){
      var selected = $(this).attr("selectedIndex");
      var currently_selected = $("#mySelect").attr("selectedIndex");

  
      if (selected < currently_selected) { 
           $("#mySelect").attr("selectedIndex", selected);
      }
  });
});

</script>
</body>
</html>

[JavaScript] Port Prototype Code to jQuery?

2009-09-01T11:02:53-07:00

Hi All,

I want to refactor (port) the following PrototypeJS code to jQuery. I'm in the process of learning jQuery and currently stuck with porting this piece of code... Any idea's?

## PrototypeJS javascript code [javascript]

var total = 0;

// For each fieldpair that has a child with a checked input
// we get the sibling with a text input and add that value
// to the total. 
$$(".fieldpair").each(function(fieldpair) {
   if (fieldpair.down("input:checked")) {
     var input = fieldpair.down('input:text');
     total += parseInt(input.value);		 
  }
});

[JavaScript] On Better way in Prototype.js?

2009-08-26T18:48:34-07:00

Hi North,

JQuery would be fine as well....

[JavaScript] Better way in Prototype.js?

2009-07-02T20:59:17-07:00

Hi Everyone,

I've got this small piece of code that basically toggles a element but changes the hyperlink's name as well.

In this case if I would click on the "Show" button, it will display the content div, but it will also change the text from "Show" to "Hide".

Now it all works fine, but I think it looks ugly. I'm not really proficient with javascript, but I'm looking for a better (Unobtrusive) way to do this in prototype.
Any ideas?

Many thanks in advance.

Greets,

- Jermaine

<script language="javascript">
function toggleLinkAndElement (link, elementID, text) {

 Element.toggle(elementID); // toggle the element
      if (link.innerHTML != text )
	  {
	    // change link text
	    link.oldInnerHTML = link.innerHTML;
	    link.innerHTML = text;    
	  }
	  else
	  {
	   // change it back
	    link.innerHTML = link.oldInnerHTML;
	  }
}
</script>
<div id="content" style="display:none">
        <p>HELLO WORLD!</p>
</div>

<a href="#" onclick="toggleLinkAndElement(this, 'content', 'Hide'); return false;">Show</a>

[Ruby] Working ruby code, but messy ....

2009-03-04T18:22:35-08:00

Hi Everyone,

I've created a ruby script that checks several (fake/local) websites whether it's up-to-date or not by just doing a comparison on the date listed on the site.

The condition is: each site must not be older then 1 day.

If however it's a "special" site (by simply looking if the text "special" is present on the site) then it shouldn't be older then 7 days.

Now the thing is, I've created a ruby script to check all of this, and it works perfectly fine though. However I really don't like the way the code looks. Also I think it's quite a bit slow, I believe it can be much faster if the code is well optimized.

As you can see in my script below it does the following things:

1. It does two regular expressions, one for the date that is on the site, and one to see wheater it's a "special" site of not.
2. It compares the date on the site with the current date (Date.today)
3. And some If and else statements to see if a site is up-to-date.

Any idea how to optimize this? Any suggestions will be very appreciated.

Many thanks in advance....

#!/usr/bin/ruby
puts "Content-Type: text/html\n\n"

require 'net/http'
require 'uri'
require 'open-uri'
require 'date'

@@begin_time = Time.now

def check_urls(url, iterate)
    
    puts "<h3>Checking URLS</h3>"
    puts "<ul>"
    iterate.times do |i|
    uri_output = Net::HTTP.get(URI.parse(url[i])).scan(/\d{2}\.\d{2}\.\d{4}/)[0]
    site_kind = Net::HTTP.get(URI.parse(url[i])).include? "SPECIAL"

    if uri_output == nil
      puts "<li>[NOTHING FOUND] <a href='" + url[i] + "' target='_blank'>" + url[i] + "</a></li>"
    else

    site_date = Date.strptime(uri_output, "%d.%m.%Y")
    	 current_date = Date.today
    	 difference = current_date - chart_date

    if site_kind == true && difference > 7
  	  puts "<li>[NOT UPDATED] #{site_date} <a href='" + url[i] + "' target='_blank'>" + url[i] + "</a></li>"
    else
    if site_kind == false && difference > 1
  	  puts "<li>[NOT UPDATED] #{site_date} <a href='" + url[i] + "' target='_blank'>" + url[i] + "</a></li>"
    else
  	  puts "<li>[OK] #{site_date} <a href='" + url[i] + "' target='_blank'>" + url[i] + "</a></li>"
    end
  end
  end
  end
    puts "</ul>"
    
    puts "</ul> <strong>ALL DONE</strong>"
    executed_time = Time.now - @@begin_time
    to_minutes(executed_time)
end

def to_minutes(seconds)
  min = (seconds/60).floor
  sec = (seconds - (min * 60)).round
 
  if min < 10
   min = "0#{min}"
  end
  
  if sec < 10
   sec = "0#{sec}"
   end
   
  puts "in <strong>#{min}:#{sec}</strong>"
end

websites = IO.read('websites.txt').split
number_of_lines = websites.length
check_urls(websites, number_of_lines)

[JavaScript] On countdown timer (minutes & seconds) javascript

2008-07-24T06:50:59-07:00

Guys, this helped me alot. Thanks so much!

[JavaScript] countdown timer (minutes & seconds) javascript

2008-05-27T09:57:58-07:00

Hello Everyone.
I'm trying to create a countdown timer in javascript but it's a bit cluttered. Ideally I would like it to be unobtrusive in Prototype.

<div id="countdown"></div>
<div id="notifier"></div>

<script type="text/javascript">

  var start = 20;
  Number.prototype.toMinutesAndSeconds = function() {
	var nbr = Math.floor(this / 60);
	return (nbr+":")+(((nbr=(this-(nbr*60)))<10)?"0"+nbr:nbr);
}

function display(seconds, output) {
	output.innerHTML = (--seconds).toMinutesAndSeconds();
	if(seconds > 0) {
		window.setTimeout(function(){display(seconds, output)}, 1000);
	}
	
	if(seconds < 11) {
		document.getElementById("notifier").innerHTML = "Just 10 seconds to go";
	}
	
	if (seconds == 0) {
		document.getElementById("notifier").innerHTML = "Time is up baby";
	}
}
display(start, document.getElementById("countdown"));

</script>