JavaScript - Display A Sidebar Hyperlink

Hi,
I have a sidebar application, When a user click on the IM icon inside the sidebar, a Pop up window will open. When closing this child Pop up window, the sidebar hangs. When I tried to repoen the Popup window again, the Pop up window also hangs for a long time. But I can not find the exact reason behind this hanging of sidebar, after closing the Pop up window.

Also this issue is only exists in main server. In my local server its working fine. Also I am using JavaScript caching for main server.

Thanks Raju

Hi. I haven't used much Javascript before and I have a question about the following code. I've taken it from this tut and changed it a bit so it applies an expand/collapse functionality to a floating sidebar on the side of a website I'm working on.

When I remove the background on the toggle function, it refuses to come back. I have a feeling it's a simple solution, I just don't know what syntax to fill into the second part of the conditional to restore the background image. I've tried display, show, an actual path to the image...

Code:

<script language="JavaScript" type="text/javascript">
    function toggle() {

      	
        var bar = document.getElementById('floater');
        var barText = document.getElementById('f_news');

       
        if (bar.style.width == '210px') {

            
            bar.style.width = '40px';
	    bar.style.backgroundImage = 'none';

            
            barText.style.display = 'none';

           
       
        } else {


            
            bar.style.width = '210px';
	    bar.style.backgroundImage = 'HELP!';

            
            barText.style.display = 'block';

        }
    }
	</script>

Thanks in advance.

I bet you all hate WordPress questions (sorry!) but the WordPress support forum is useless.

I use the Sandbox theme, which has two sidebars, but they are both on the left hand side, one on top of the other.

Can anyone explain how I can either move one of these sidebars to the right hand side? Or how I can create a new sidebar and put it on the right hand side? I've tried editing the theme code myself. My blog is http://www.ieltsielts.com

Thanks in advance.

a href tag is working finely.but the hyper-linked page is opening in the same tab..how to open it in different tab..please help me out..

hai....

this is my code:

<a id="idname" onclick="show('idname')">34</a>

in javascript
function show(){
}

Here how can i get that number 34?
please Help me

Thanks in advance

I am creating calander control for the 1 year using javascript.the day in which click a table is pop up at absloute position . i want table is popup at relative position where selected date is click.

Here is my code

<script language="javascript" type="text/javascript">
var k=0;
var month;
var pagedata;
var check=0;
var tabledata = '';
var counter = 0;
var editVal=0;
var editRow=0;
var selecteditemcode="";
var counter=0;

function day_title(day_name)
{

mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode(String(day_name));
mycurrent_cell.appendChild(currenttext);

}


function makeArray(n)
{
this.length=n;
for (var i = 1; i <= n; i++)
this[i] = 0
return this
}
var flag=false;
var index;
var tempdata;
var mybody ;
var rowData = new Array();
var colData = new Array();
var mytable

function fill_table(m_name,m_length,mm)
{
counter+=1;

if(k==0)
{
alert(this_month);
k=this_month;

}
else
{

alert(k);
k +=1;
if(k>12)
{
alert(k);
alert(this_year);
if(flag==false)
{

this_year+=1;
flag=true;
alert("IN "+k);
alert("IN "+this_year);
}
}

}
mybody = document.getElementById('showtb');
mytable= document.createElement("table");

mytable.setAttribute("id",+String(m_name)+"_"+String(this_year));
mytablebody = document.createElement("tbody");
head_row = document.createElement("tr");

head_cell = document.createElement("td");
headtext = document.createTextNode(String(m_name)+"_"+String(this_year));


head_cell.appendChild(headtext);
head_cell.setAttribute('colSpan','7');

head_row.appendChild(head_cell);
head_cell.setAttribute('className','titlebar');
head_row.appendChild(head_cell);
mytablebody.appendChild(head_row);

mycurrent_row = document.createElement("tr");
counter+=1;
mycurrent_row.setAttribute("id",String(counter));
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Sun");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Mon");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Tue");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Wed");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Thu");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Fri");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode("Sat");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);

mytablebody.appendChild(mycurrent_row);


day=1

if(m_name=="February" )
{

if((this_year%4)==0)
{
m_length +=1;

}

}

pagedata='';
var ddl;
counter +=2;
mycurrent_row = document.createElement("tr");
mycurrent_row.setAttribute("id",counter);

for (var i=1;i<start_day;i++) {


if(start_day<8)
{
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode(" ");
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
mycurrent_cell.setAttribute('className','promptbox');
mycurrent_row.appendChild(mycurrent_cell);
}




}
var blnFlagFirstline=false;

for (var i=start_day;i<8;i++) {



blnFlagFirstline=true;
alert("this_day "+ this_day+ " i "+ i);

if(blgFlagButtons==false)
{
if(this_day <=day)
{

mycurrent_cell = document.createElement("td");

currenttext = document.createElement("a");
currenttext.setAttribute("href", "javascript:fnDivertedFlight();");
currenttext.setAttribute("onClick","this.blur();");

var txt = document.createTextNode(""+String(day));

currenttext.appendChild(txt);

mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
blgFlagButtons=true;
}
else
{
if(blgFlagButtons==false)
{
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode(""+String(day));
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}
else
{
mycurrent_cell = document.createElement("td");

currenttext = document.createElement("a");
currenttext.setAttribute("href", "javascript:fnDivertedFlight();");
currenttext.setAttribute("onClick","this.blur();");
var txt = document.createTextNode(""+String(day));

currenttext.appendChild(txt);

mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);

}
}
}
else
{
mycurrent_cell = document.createElement("td");
currenttext = document.createElement("a");
currenttext.setAttribute("href", "javascript:fnDivertedFlight();");
currenttext.setAttribute("onClick","this.blur();");
var txt = document.createTextNode(""+String(day));

currenttext.appendChild(txt);

mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);

}

day++;


}
if(blnFlagFirstline==true)
{
mytablebody.appendChild(mycurrent_row);
}


counter+=1;
mycurrent_row = document.createElement("tr");
mycurrent_row.setAttribute("id",counter);
while (day <= m_length) {
for (var i=1;i<=7 && day<=m_length;i++) {


if(blgFlagButtons==false)
{
if(this_day <=day)
{
mycurrent_cell = document.createElement("td");
currenttext = document.createElement("a");
currenttext.setAttribute("href", "javascript:fnDivertedFlight();");
currenttext.setAttribute("onClick","this.blur();");
var txt = document.createTextNode(""+String(day));

currenttext.appendChild(txt);

mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
blgFlagButtons=true;

}
else
{
mycurrent_cell = document.createElement("td");
currenttext = document.createTextNode(String(day));
mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);

}

}
else
{
mycurrent_cell = document.createElement("td");

currenttext = document.createElement("a");
currenttext.setAttribute("href", "javascript:fnDivertedFlight();");
currenttext.setAttribute("onClick","this.blur();");
var txt = document.createTextNode(""+String(day));

currenttext.appendChild(txt);

mycurrent_cell.appendChild(currenttext);
mycurrent_row.appendChild(mycurrent_cell);
}


day++
}
mytablebody.appendChild(mycurrent_row);

counter+=1;
mycurrent_row = document.createElement("tr");
mycurrent_row.setAttribute("id",counter);
}


mytable.appendChild(mytablebody);
mybody.appendChild(mytable);
mytable.setAttribute("border", "10");
//mytable.style.background="aliceblue";
mytable.style.fontFamily="Verdana";
//mytable.style.width="1000px";
mytable.setAttribute("className","promptbox");
mytable.style.fontSize="10pt";
start_day = i



}


var blgFlagButtons;
function fnCalender()
{
blgFlagButtons=false;
month=new makeArray(12)
month[1]="January"
month[2]="February"
month[3]="March"
month[4]="April"
month[5]="May"
month[6]="June"
month[7]="July"
month[8]="August"
month[9]="September"
month[10]="October"
month[11]="November"
month[12]="December"

month_length = new makeArray(12)
month_length[1]=31
month_length[2]=28
month_length[3]=31
month_length[4]=30
month_length[5]=31
month_length[6]=30
month_length[7]=31
month_length[8]=31
month_length[9]=30
month_length[10]=31
month_length[11]=30
month_length[12]=31

today = new Date()

today= new Date("July 13, 2008");//'Wed Oct 29 00:00:00 UTC+530 2008'



this_day = today.getDate()

this_month = today.getMonth()+1


this_year = today.getYear()
this_year = (this_year< 1000) ? this_year + 1900 : this_year;



begin_date = new Date("July 01, "+this_year)

if((this_year%4)==0)
{
start_day = begin_date.getDay()+1
}
else
{
start_day = begin_date.getDay()+1
}


var MhVal;

if(this_day>1)
{

MhVal=this_month;
for(var i=1; i<=13;i++)
{

mon[i]=month[MhVal];
monlen[i]=month_length[MhVal]
MhVal +=1
if(MhVal==13)
{
MhVal=1;
}

}
}
else
{
MhVal=this_month;

for(var i=1; i<=12;i++)
{

mon[i]=month[MhVal];
monlen[i]=month_length[MhVal]
MhVal +=1
if(MhVal==13)
{
MhVal=1;
}

}



}



if (start_day == 1){
start_day = 8
}

if(this_day>1)
{
for (var m = 1;m<=13;m++){
//alert('month[m] - '+mon[m]+' month_length[m] - '+monlen[m]+' m - ' +m);
fill_table(mon[m],monlen[m],m)


// tabledata += "id"+counter+"="+pagedata;
}
}
else
{
for (var n = 1;n<=12;n++){

fill_table(mon[n],monlen[n],n)


}
}


}

</script>

<script language="javascript" type="text/javascript">

function fnDivertedFlight()
{

prompt3('', 'Roster','Diverted Flight Detail </B>', 'fnDivertedValues');

}


function prompt3(promptpicture, prompttitle, message, sendto) {



var posx = 0;
var posy = 0;
var e = window.event;

if(e!=null)
{

if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}

else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
}
else

{
posx = 100;
posy = 100;


}




promptbox = document.createElement('div');

promptbox.setAttribute ('id' , 'prompt')

document.getElementsByTagName('body')[0].appendChild(promptbox)

promptbox = eval("document.getElementById('prompt').style")

promptbox.position = 'absolute'

promptbox.top = posy

promptbox.left = posx

promptbox.width = 430

promptbox.border = 'outset 1 #bbbbbb'

//Here I am open popup Tabletable
}

function fnDivertedValues(value1,value2,value3,value4,value6,value7,value5)
{


alert(value1+" , "+ value2+" , "+value3+" , "+value4+" , "+value5);

I have a php page with a form and some hyperlinks. User types in the form's textarea, if the user forgets to click on submit button of the form and click on any hyper link, it should alert the user "The form has not been submitted" please submit form. if user clicks OK, the form will be submitted. How can I implement this?? onmouseclick works??
please help me..
thanks in adv

I need to simulate a mouseclick on a hyperlink with a function.
Any idea if this is possible ?

Hello everyone,

Here's the scenario I wish to plan out.

I have an index.htm page ready. I want to be able to put in javascript code into the HTML coding that will write the ip address of the actual server that is hosting the website into a hidden text box. Then I want to insert this ip address into a hyperlink in the original index.htm to link to another html page (this will be a SSL secure page instead i.e. https://<ip address>).



Also vice versa. (With SSL index.htm page have code that writes ip into hidden text box then hyperlink to the original http index page)

thanks. Hope you follow me

i am newbie on javascript i want to get my domain to twitter but i spent 3 hour nothing find my code



java script function


Code:

<script type="text/javascript">
function putmydomainhere()
{
var url;
url = (document.domain)
document.write(url);
}
</script>

html code

Code:

<a href="http://twitter.com/share" class="twitter-share-button" 
data-counturl="http://+ putmydomainhere() +/get?123" data-url="http://+ putmydomainhere() +/get?123" data-via="myuserid" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

thank you

Hi,
I am going to open a new window on my web page , and run one link (which is important for me to be run ), then close that window after some seconds, but I do not want this window be visible by users. This is the code I used, but when I add visible= none, the function does not work, and my link cannot be run.

<button onclick="myFunction()">Click</button>
<script type="text/javascript">
function myFunction() {
var win = window.open("link", '1366002941508','width=x,height=y,left=xx,top=yy', visible=none);
setTimeout(function () { win.close();}, ss);
}
</script>


I really appreciate for your suggestion )

Basically what we are trying to accomplish is this... We have a php file in which a hyperlink "Select Forms" is present. What we want to happen is when the "Select Forms" link is clicked on a pop-up window will open. The content of this window is generated from our database and displayed for the user. The php in this window generates a list of checkboxes for the user to select and an "OK" button.

What we want to happen is when the user selects the various checkboxes and clicks "OK" the window closes and the previous "Select Forms" link is converted to text based on the checkboxes selected from the pop-up window.

We have the pop-up window already taken care of, as well as the php codes.

We are having a hard time getting the php variables for the checkboxes transferring to the previous window and converting that link to the text variables.

Any ideas?

Thanks!!

Anybody familiar with this spacegallery? http://www.eyecon.ro/spacegallery/

I'm looking for a bit of help and would be grateful if anybody could assist. What I require seems straightforward, for each image in my gallery I would like to have a unique URL, so if there are 5 images then 5 different URL's thus enabling me to toggle content relating to the particular image, the code I believe I need to change is as follows;


//constructor
init: function(opt) {
opt = $.extend({}, EYE.spacegallery.defaults, opt||{});
return this.each(function(){
var el = this;

if ($(el).is('.spacegallery')) {

// HOW DO I MAKE THIS UNIQUE TO THE IMAGE??
$('<a href="#"></a>')

.appendTo(this)
.addClass(opt.loadingClass)
.bind('click', EYE.spacegallery.next);
el.spacegalleryCfg = opt;
el.spacegalleryCfg.images = el.getElementsByTagName('img').length;
el.spacegalleryCfg.loaded = 0;
el.spacegalleryCfg.asin = Math.asin(1);
el.spacegalleryCfg.asins = {};
el.spacegalleryCfg.tops = {};
el.spacegalleryCfg.increment = parseInt(el.spacegalleryCfg.perspective/el.spacegalleryCfg.images, 10);

var top = 0;
$('img', el)
.each(function(nr){
var imgEl = new Image();
var elImg = this;
el.spacegalleryCfg.asins[nr] = 1 - Math.asin((nr+1)/el.spacegalleryCfg.images)/el.spacegalleryCfg.asin;
top += el.spacegalleryCfg.increment - el.spacegalleryCfg.increment * el.spacegalleryCfg.asins[nr];
el.spacegalleryCfg.tops[nr] = top;
elImg.spacegallery = {};
imgEl.src = this.src;
if (imgEl.complete) {
el.spacegalleryCfg.loaded ++;
elImg.spacegallery.origWidth = imgEl.width;
elImg.spacegallery.origHeight = imgEl.height
} else {
imgEl.onload = function() {
el.spacegalleryCfg.loaded ++;
elImg.spacegallery.origWidth = imgEl.width;
elImg.spacegallery.origHeight = imgEl.height
if (el.spacegalleryCfg.loaded == el.spacegalleryCfg.images) {

EYE.spacegallery.positionImages(el);
}
};
}
});
el.spacegalleryCfg.asins[el.spacegalleryCfg.images] = el.spacegalleryCfg.asins[el.spacegalleryCfg.images - 1] * 1.3;
el.spacegalleryCfg.tops[el.spacegalleryCfg.images] = el.spacegalleryCfg.tops[el.spacegalleryCfg.images - 1] * 1.3;
if (el.spacegalleryCfg.loaded == el.spacegalleryCfg.images) {
EYE.spacegallery.positionImages(el);
}
}
});
}
}
});

Edit: Problem solved.

I've been hammering at this for quite a while and it has me stumped. I have 4 variables that I am creating in the head section of my code. I am passing 2 parameters to my test page via the url and they are intended to be used to construct alternate url's for use by menu buttons. This my test url. My test link

Here is a code snippet that creates the alternate url's. Code:

<script type="text/javascript">
var videofile = swfobject.getQueryParamValue('id');
var af = swfobject.getQueryParamValue('af');
function enLink()
{
var enLink = "http://jim.playourvideo.net/lsatest.htm?id=" + videofile + "&af=" + af;
alert(enLink);
}
function spLink()
{
var spLink = "http://jim.playourvideo.net/lsatest.htm?id=sp" + videofile + "&af=" + af;
alert(spLink);
}
function grLink()
{
var grLink = "http://jim.playourvideo.net/lsatest.htm?id=gr" + videofile + "&af=" + af;
alert(grLink);
}
function frLink()
{
var frLink = "http://jim.playourvideo.net/lsatest.htm?id=fr" + videofile + "&af=" + af;
alert(frLink);
}
</script>

I am trying to call the appropriate function by clicking on one of menu buttons. When I click any of the buttons I get an alert showing that my url is properly constructed. But the link never seems to fire and result in switching video files. I did also try it with onclick - same result. What should happen is the page should reload and play a different regionally captioned file. For testing I haven't captioned the test files. Just trying to get the logic working. I'd sure appreciate some advice.

Jonni