JavaScript - Adding Latest Tweet To My Website

Hey guys, so i have a site iv created for a client.
I have the photo blog page getting the latest images from a flickr account.
But the client wants them to be Organized into years.
Is there any way to call a specific set or folder inside of flickr, and not just the entire account. ??

You can see the page here .
http://wannamakeitfarm.com/mission.html

Hi,

i have a rating script which shows 5 stars and it allows users to vote out of 5 on certaiin things, the votes register ok but the stars dont change colour to show that the user has voted.

this has happened since my host upgraded to php 5.3 and i noticed on IE(which i never use much) it says there is an error on the page and that error says

Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Tue, 2 Feb 2010 20:00:42 UTC


Message: 'document.all[...]' is null or not an object
Line: 96
Char: 9
Code: 0
URI: rating.js

line 96 in the related file is
Code:

    }  else if(IE) {
        document.all[div2show].innerHTML = text;
    }

which only related to IE and not firefox so im unsure why my rating graphics do not show once selected.

here is the entire js file is there anything in there that might be preventing it?
Code:

/*
Page:           rating.js
Created:        Aug 2006
Last Mod:       Mar 11 2007
Handles actions and requests for rating bars.	
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

var xmlhttp
	/*@cc_on @*/
	/*@if (@_jscript_version >= 5)
	  try {
	  xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")
	 } catch (e) {
	  try {
	    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
	  } catch (E) {
	   xmlhttp=false
	  }
	 }
	@else
	 xmlhttp=false
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	 try {
	  xmlhttp = new XMLHttpRequest();
	 } catch (e) {
	  xmlhttp=false
	 }
	}
	function myXMLHttpRequest() {
	  var xmlhttplocal;
	  try {
	    xmlhttplocal= new ActiveXObject("Msxml2.XMLHTTP")
	 } catch (e) {
	  try {
	    xmlhttplocal= new ActiveXObject("Microsoft.XMLHTTP")
	  } catch (E) {
	    xmlhttplocal=false;
	  }
	 }

	if (!xmlhttplocal && typeof XMLHttpRequest!='undefined') {
	 try {
	  var xmlhttplocal = new XMLHttpRequest();
	 } catch (e) {
	  var xmlhttplocal=false;
	  alert('couldn\'t create xmlhttp object');
	 }
	}
	return(xmlhttplocal);
}

function sndReq(vote,id_num,ip_num,units) {
	var theUL = document.getElementById('unit_ul'+id_num); // the UL
	
	// switch UL with a loading div
	theUL.innerHTML = '<div class="loading"></div>';
	
    xmlhttp.open('get', 'rpc.php?j='+vote+'&q='+id_num+'&t='+ip_num+'&c='+units);
    xmlhttp.onreadystatechange = handleResponse;
    xmlhttp.send(null);	
}

function handleResponse() {
  if(xmlhttp.readyState == 4){
		if (xmlhttp.status == 200){
       	
        var response = xmlhttp.responseText;
        var update = new Array();

        if(response.indexOf('|') != -1) {
            update = response.split('|');
            changeText(update[0], update[1]);
        }
		}
    }
}

function changeText( div2show, text ) {
    // Detect Browser
    var IE = (document.all) ? 1 : 0;
    var DOM = 0; 
    if (parseInt(navigator.appVersion) >=5) {DOM=1};

    // Grab the content from the requested "div" and show it in the "container"
    if (DOM) {
        var viewer = document.getElementById(div2show);
        viewer.innerHTML = text;
    }  else if(IE) {
        document.all[div2show].innerHTML = text;
    }
}

/* =============================================================== */
var ratingAction = {
		'a.rater' : function(element){
			element.onclick = function(){

			var parameterString = this.href.replace(/.*\?(.*)/, "$1"); // onclick="sndReq('j=1&q=2&t=127.0.0.1&c=5');
			var parameterTokens = parameterString.split("&"); // onclick="sndReq('j=1,q=2,t=127.0.0.1,c=5');
			var parameterList = new Array();

			for (j = 0; j < parameterTokens.length; j++) {
				var parameterName = parameterTokens[j].replace(/(.*)=.*/, "$1"); // j
				var parameterValue = parameterTokens[j].replace(/.*=(.*)/, "$1"); // 1
				parameterList[parameterName] = parameterValue;
			}
			var theratingID = parameterList['q'];
			var theVote = parameterList['j'];
			var theuserIP = parameterList['t'];
			var theunits = parameterList['c'];
			
			//for testing	alert('sndReq('+theVote+','+theratingID+','+theuserIP+','+theunits+')'); return false;
			sndReq(theVote,theratingID,theuserIP,theunits); return false;		
			}
		}
		
	};
Behaviour.register(ratingAction);

many thanks for any help
Luke

This is puzzling me.

It's an incremental search function. Any help for a Javascript novice much appreciated:

Code:

$(function () {
    $('#quickFilter').incrementalFilter({
        items: 'dl.entryList > dt',
        foundCounter: '#resultCount',
        totalCounter: '#totalCounter',
        minChars: 2
    }).focus();
})

... here's the rest of it:

Code:

(function($) {
    var IncrementalFilter = function(params){
        var setting = this.setting = {
            input: undefined,
            items: undefined,
            searchScope: '*',
            minChars: 2,
            useHighlight: true,
            foundCounter: undefined,
            totalCounter: undefined,
            highlightElem: $('<em class="highlight" />'),
            foundClass: 'found',
            zeroClass: 'zero'
        }
        $.extend(setting,params)

        this.input = $(setting.input);
        this.items = $(setting.items);
        this.minChars = setting.minChars;
        if(setting.foundCounter){
            this.totalCounter = setting.totalCounter;
            this.foundCounter = new IncrementalFilter.Counter(setting);
        }
        this.formerQuery = '';
        this.itemData = [];
        this.init();
    }

    IncrementalFilter.prototype = {

        makeData: function(){
            var that = this;
            this.items.each(function(){
                var obj = [$(this)]
                if($(this).is('dt')){
                    obj.push($(this).next())
                }
                that.itemData.push(new IncrementalFilter.SearchedItem(obj,that.setting));
            })
            if(this.foundCounter){
                this.foundCounter.refresh(this.itemData.length);
                if(this.totalCounter){
                    $(this.totalCounter).html(this.foundCounter.all)
                }
            }
        },

        processQuery: function(query){
            var tempq = this.escapeQuery(query)
            tempq = $.trim(tempq).split(/\s+/);
            var queries = []

            for(var i=0,l=tempq.length;i<l;i++){
                for(var j=0,m=tempq.length;j<m;j++){
                    if(i!=j && tempq[i] && (tempq[i] == tempq[j]
                       || RegExp(tempq[i]).test(tempq[j])
                       || tempq[i].length < this.minChars)){
                        tempq.splice(i,1)
                        l = m = tempq.length;
                    }
                }
                if(tempq[i]){
                    queries.push(tempq[i])
                }
            }

            if(queries.join(' ') != this.formerQuery){
                this.search(queries);
                this.formerQuery = queries.join(' ');
            }
        },

        escapeQuery: function(query){
            var escapeChars = '.+*^$?()[]{}';
            var res = query;
            for(var i=0,l=escapeChars.length;i<l;i++){
                var ec = escapeChars.charAt(i);
                res = res.replace(RegExp('\\'+ec,'g'),'\\'+ec);
            }
            return res;
        },

        search: function(queries){
            var that = this;
            var count = 0;
            $(that.itemData).each(function(){
                var self = this;
                var matchCount = 0;
                $.each(queries,function(){
                    if(RegExp(this,'i').test(self.text))
                        matchCount++;
                })
                if(matchCount == queries.length){
                    this.showItem()
                    this.clearHighlight(function(){
                        $.each(queries,function(){
                            self.highlightWord(this)
                        })
                    });
                    count++;
                }else{
                    this.hideItem();
                }
            })
            if(this.foundCounter){
                this.foundCounter.refresh(count)
            }
        },

        reset: function(){
            var that = this;
            $(this.itemData).each(function(){
                this.showItem();
                this.clearHighlight();
                if(that.foundCounter){
                    that.foundCounter.reset();
                }
            })
        },

        setEvent: function(){
            var that = this;
            this.input.bind('keyup',function(){
                var val = $(this).val();
                if(val.length >= that.minChars){
                    that.processQuery(val)
                }else{
                    that.reset();
                }
            })
        },

        init: function(){
            this.makeData();
            this.setEvent();
            if(this.input.val().length >= this.minChars){
                this.processQuery(this.input.val())
            }
        }
    }

    /**
     *@param obj {array}
     **/
    IncrementalFilter.SearchedItem = function(obj,setting){
        this.useHighlight = (setting.useHighlight && $.fn.highlightText && $.fn.removeOuterTag)
        if(this.useHighlight){
            this.highlightElem = setting.highlightElem || $('<em class="highlight" />');
            this.highlightExpr = /^<(\w+)/.exec($('<div />').append(this.highlightElem).html())[1]
                               + '.'+this.highlightElem.attr('class').split(/\s/).join('.');
        }
        this.text = '';
        this.obj = [];
        for(var i=0,l=obj.length;i<l;i++){
            var temp = obj[i];
            this.obj[i] = {'elem':temp,'orgsrc':temp.html()}
            this.text += obj[i].text();
        }
    }

    IncrementalFilter.SearchedItem.prototype = {
        hideItem: function(){
            $(this.obj).each(function(){
                this.elem.hide();
            })
            return this;
        },

        showItem: function(){
            $(this.obj).each(function(){
                this.elem.show();
            })
            return this;
        },

        clearHighlight: function(callback){
            if(!this.useHighlight) return this;
            var that = this;
            $(this.obj).each(function(){
                $(that.highlightExpr,this.elem).removeOuterTag()
            })
            if(callback) callback();
            return this;
        },

        highlightWord: function(word){
            if(!this.useHighlight) return this;
            var that = this;
            var query = new RegExp(word,'gi')
            $(this.obj).each(function(){
                this.elem.highlightText(query,that.highlightElem)
            })
            return this;
        }
    }

    IncrementalFilter.Counter = function(setting){
        if(!setting || !setting.foundCounter) return undefined;
        this.obj = $(setting.foundCounter);
        this.foundClass = setting.foundClass || 'found';
        this.zeroClass = setting.zeroClass || 'zero';
        this.all = undefined;

        this.refresh = function(count){
            this.obj.html(count);
            if(!this.all){
                this.all = count;
            }

            if(count == 0){
                this.zero()
            }else if(count < this.all){
                this.highlight();
            }
        }

        this.reset = function(){
            this.refresh(this.all);
            this.obj
                .removeClass(this.foundClass)
                .removeClass(this.zeroClass)
        }

        this.highlight = function(){
            this.obj
                .removeClass(this.zeroClass)
                .addClass(this.foundClass)
        }

        this.zero = function(){
            this.obj
                .removeClass(this.foundClass)
                .addClass(this.zeroClass)
        }

        return this;
    }

    $.fn.incrementalFilter = function(params){
        return this.each(function(){
            if(typeof params == 'string' || params.size){
                new IncrementalFilter({input:$(this),items:params})
            }else if(typeof params == 'object'){
                params.input = $(this);
                new IncrementalFilter(params)
            }
        });
    };

Hello to all,

I think that you will frequently read this boring sentence: "Javascript does not work with Firefox".
Below a very very simple html with Javascript. Using MS IE v8 I have found that the code works very well. Filling nothings in the textfield "your name" and subsequently clicking on the button and a window will popup with the text "Sorry, you forget to: blah-blah ..."
However, using Firefox instead...it does not work. A bit remarkable; the Javascript is very easy!
Could you please check what went wrong?
I have activated Javascript in the Firefox browser and the security is ok for Javascript.

I hope that someone can provide me a useful hint.

Best regards,

Cornelis
The Netherlands - Gouda (yes, the town where cheese is inherently linked)


[CODE]

<html>

<head>

<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">



<title>Inloggen van een nieuw lid</title>

<script language = "Javascript">


function checkDate() {

var message = "Sorry, you forget to: \n";
var voornaam = document.getElementById("voornaam");
var result = true;


if (voornaam.value.length == 0) {

message+="- You have not typed your name\n";
result = false;}

if(!result) {alert(message)};
return result;



}

</script>

</head>

<body>
<FORM METHOD="post" name=CheckDate onsubmit="return checkDate(this);" >
<div style="position: absolute; width: 603px; height: 378px; z-index: 1; left: 30px; top: 13px" id="laag1">
<p align="center"><font face="Trebuchet MS" color="#00750F" size="5"><b>
Test</b></font></p>
<table border="0" width="100%" bgcolor="#C4FFC4" style="border-collapse: collapse" id="table3">
<tr>
<td>

</td>
</tr>
</table>
<p align="left">&nbsp;</p>
<table border="0" width="69%" id="table1" height="210" style="border-collapse: collapse">
<tr>
<td width="37%"><font face="Trebuchet MS">your name</font></td>
<td width="59%">
<p align="center"><input type="text" name="voornaam" size="25"></td>
</tr>

<tr>
<td colspan="2" height="90">
<p align="center">
<input type="submit" value="Register me" name="Registreren">
</td>
</tr>
</table>
<p>&nbsp;</p>

</div>

</body>
</form>

</html>

ok i need a bit of advice..

I have a webpage and i want to put a section of another website on to my own website..

The Section i want to put on my website is on this page www.bebo.com/thegaadiscos and i only want to put the section with the comments on it...

What i want is a bit like the face book section of this website
http://www.alexandraburkeofficial.com/

How would this be done does anyone know..

Ok lol don't mock me, I'm only new to javascript. I'm trying to get the text that contains "The Moderating Team" "Today's Active Topics" etc. an id to the div they are contained in. Here's my code so far:
Code:

<script type="text/javascript">
var c = getElementByClass("div");
if ( c.innerHTML.contains(" The Moderating Team ") ) {
}
</script>

Any help?

Oh and my site: http://stereo.b1.jcink.com

I'm using a PHP script which has a pop-up box that, when the thumbnail is selected, the video player dynamically appears in the pop-up box. It is outdated, and not working correctly(see attached image), so I'm trying to replace it with venobox: VenoBox - responsive jQuery modal window plugin

So far, I've uploaded the venobox folder, and added this:

Code:

	
<head>
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add venobox -->
<link rel="stylesheet" href="venobox/venobox.css" type="text/css" media="screen" />
<script type="text/javascript" src="venobox/venobox.min.js"></script>
</head>

Now it says to:

"Insert one or more links with its custom class":

Code:

<a class="venobox" href="image01-big.jpg"><img src="image01-small.jpg" alt="image alt"/></a>
<a class="venobox_custom" data-type="iframe" href="http://www.veno.it">open iFrame</a>
For Google Maps use the iFrame href attribute of map's embed code and set data-type="iframe"

"For videos use the simple url of the video, such as: http://www.vimeo.com/your_video_id, or http://www.youtu.be/your_video_id"

The GreyBox that I'm currently using, I believe the code is this:

Code:

	
<tr>
<td width="10px"><a href="/videos/[blk1.vid_id;block=div]/" rel="gb_page_center[470,370]" style="float:right"><br />
<img src="/uploads/thumbs/[blk1.video_id;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></td>
<td width="400px"><!--[var.lang_title]--><a href="/videos/[blk1.vid_id;block=div]/" rel="gb_page_center[520,600] ">
<div class="container88888"><!--[blk1.Title;htmlconv=no;block=div;ope=max:70;comm]--></a><br />
<!--[var.lang_description]:-->[blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]</div></td>
</tr>

So, I don't know what, in VenoBox, is meant by "Insert one or more links with its custom class" and please help me, what I should do with these further set up instructions?:

Initialize plugin
Code:

$(document).ready(function(){

    /* default settings */
    $('.venobox').venobox(); 


    /* custom settings */
    $('.venobox_custom').venobox({
        framewidth: '400px',        // default: ''
        frameheight: '300px',       // default: ''
        border: '10px',             // default: '0'
        bgcolor: '#5dff5e',         // default: '#fff'
        titleattr: 'data-title',    // default: 'title'
        numeratio: true,            // default: false
        infinigall: true            // default: false
    });

    /* auto-open #firstlink on page load */
    $("#firstlink").venobox().trigger('click');
});

Additionally, since I'm trying to get a video to dynamically play in the box, it states:

"Data Attributes
If the content is not an image you have to specify its type via data attribute data-type"
[CODE]
<a class="venobox" data-type="iframe" href="http://www.veno.it">Open Iframe</a>
<a class="venobox" data-type="inline" title="My Description" href="#inline">Open inline content</a>
<a class="venobox" data-type="ajax" href="ajax-call.php">Retrieve data via Ajax</a>
<a class="venobox" data-type="youtube" href="http://youtu.be/d85gkOXeXG4">Open YouYbe video</a>
<a class="venobox" data-type="vimeo" href="http://vimeo.com/75976293">Open Vimeo video</a>
[/CODE}

Any help/clarification will be appreciated.
Attached Thumbnails  

Hello

Thanks to those people on this Forum who have provided me with help, along with my little knowledge of Javascript I have been able to create the basis of a form for my Skittle League which will allow teams to submit results over the web.

I have one calculation to complete before I look to make the form live and I am hoping someone can provide the final peice of the jigsaw.

The scoresheet can be found at

http://www.stroudskittles.co.uk/test/scorecard.html

The form adds togther the 5 values for each half for each team and places them in a Half Total box below.

The form adds together the two totals for each half for each team then places them in a Total box below

I have been able to add a operation using the onchange event the points are automatically calculated for each half and total, depending on the overall scores, 2 points for a win, 1 for a draw 0 for a loss.

What I'm struggling to do is add the three points totals together to generate the Overall Points for a team and place them in a text box at the top of the scoresheet (marked xxx on the page).

Can anyone suggest the best method to do this.

Also is it possible to combine the sums into one script therefore reduing the overall size.

Your help very much appreciated

to be honest I have no idea where to start, i have a table, with 2 numeric values at the minute, if the checkbox is selected I want the total price to be shown?

Any help to get me started would be great!

this is the form I have with the numeric values

Code:

<form id="calculation" action="#" method="post">

100 <input type="checkbox" name="check1" value="100" onClick='total_cost()'/>

120 <input type="checkbox" name="check2" value="200" onClick='total_cost()'/>

Total cost<input type="text" name="total" id="total" readonly="readonly" />

onClick='total_cost()' is referring to the javascript function where I just don't know where to start?

I have a script which opens an HTML page and passes the current URL to a form on the page. I'm also using RokBox, which open a window as an overlay on the current page rather than as a popup. It is triggered by adding rel="rokbox" to any link. For instance, the following link opens moreinfo.htm using RokBox:

Code:

<a rel="rokbox" href="/modules/mod_S5tellafriend/moreinfo.htm">More Info</a>

Problem is the link doesn't pass the URL. The following code passes the URL but doesn't trigger RokBox:

Code:

<input type="button" class="button" value="MORE INFORMATION" onclick="s5_open_taf_popup()"/>
 
<script type="text/javascript">
var s5_taf_parent = window.location;
function s5_open_taf_popup() {
window.open('/modules/mod_S5tellafriend/moreinfo.htm','page','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=420,height=570,left=50,top=50,titlebar=yes')
}
</script>

Is there a way to add rel="rokbox" to the script? Or maybe pass the URL with the link instead? Thanks!

hi All,

I want to add UL item to Li in java script dynamically .so that i can build submenu dynamically.can any one help me.

Hi,

I was trying to add some simple javascript (toggle visibility function of a div) to the FB 'like' button and 'Google +1' button. This to simply create some more visitor interactivity by showing a thank you message for doing so.

I've tried by just adding 'onclick=' to the element that actually shows the button, with a <a href="#" onlcick="..."> --element--</a> manner, and with a <span> and a <div> element around it.

Neither of them work. The toggle script is 100% correct (using it actively with <a href="javascript:void(0);" onclick="javascript:toggleVisibility('feedbackform')">feedback</a> ) Of course I made sure the div id had correct name and it is unique for the toggle function.

Anybody got any ideas on how to go with this?

JS:
Code:

function toggleVisibility(controlId) {
	if (document.getElementById) { // DOM3 = IE5, NS6
		var control = document.getElementById(controlId);
		if(control.style.display == "")
			control.style.display = "none";
		else
			control.style.display = "";        
	}
	else {
		if (document.layers) { // Netscape 4
			if(document.controlId.display == "")
				document.controlId.display = "none";
			else
				document.controlId.display = "";        
		}
		else { // IE 4
			if(document.all.controlId.style.display == "")
				document.all.controlId.style.display = "none";
			else
				document.all.controlId.style.display = "";        
		}
	}
}

Hi there,

Greetings,

I have limited knowledge on Javascript. I wish someone could help me out. Thanks.

I have actually found a free script named "Image Flow" (http://finnrudolph.de/ImageFlow/Examples) on the website. Then, I have uploaded it to my web server. Everything was fine and functioning well. I would like to add in new Var (to make new window appears after clicking) according to the codes given but failed to do so.

The codes given are
A)
Code:

 
var target_1 = new ImageFlow();
target_1.init({ ImageFlowID: 'target_1,' 
                    onClick: function() {window.open(this.url, '_blank');} });

Then, I just added the above code into imageflow.JS and imageflow.packed.JS. (I have attached the file below)

Original:
Code:

domReady(function()
{
	var instanceOne = new ImageFlow();
	instanceOne.init({ ImageFlowID:'myImageFlow' });
});

After amendment:
Code:

domReady(function()
{
	var instanceOne = new ImageFlow();
	instanceOne.init({ ImageFlowID:'myImageFlow' });

var target_1 = new ImageFlow();
target_1.init({ ImageFlowID: 'target_1,' 
                    onClick: function() {window.open(this.url, '_blank');} });
});

However, no pictures were loaded after that.

Does it involve more than just "copy and paste"? Or what have I done incorrectly?

Sorry to disturb you.

-edit-

Hi and thanks for your help,

I have two text boxes on my page and a third where I would like it to automatically subtract the two any time either one of them is changed.

What is the simplest way to do this?

Thanks again for your help,
Will