CodeGuru Forums - Scripting - Client Side

CSS Problem overlay div

tonyhef — Tue, 15 May 2012 08:00:16 GMT

Hi, I'm making a weekly planner, with a div for every description event.
On click on event, a balloon with its details becomes visible.

I illustrate the problem with this image:

The below balloon is displayed correctly because the relative event div was created AFTER the event than overlapping.
Unlike the above balloon, is overlapped by the other events, because they were loaded after that.

I would that in any case, the balloon div will overlap with any event div.
I tried setting the z-index, but does not work.

If it can be useful to place the css event and the comic:

Code:

.weekEvent{

        position:absolute;

        background-color:#FFF;

        border:1px solid #000;

        z-index:1000;

}

.balloon{

        position:absolute;

        border:1px solid #000;

        left:100px;

        top: 80px;

        width:200px; 

        height:auto;

        font-size:0.7em;

        padding:1px;

        background-color:#F6DBA2;

        display : block;

        z-index:100000;

}

Of course the balloon div is contained in week event
What's wrong?
thanks

JavaScript Function to load page

aaronking — Tue, 08 May 2012 03:19:33 GMT

Hello,

I am using the following code:

Code:

function test()

{

location.href = "home.htm" ;

}

I want to use a function to load a page (which above is working) but I want to have a class part of the URL.

I know I can use a link on the page like:

Code:

 

Link text

But I want to include class="first" part of the javascript function.

Any ideas?

JavaScript JavaScript XMLHttpRequest

Sat, 05 May 2012 11:02:48 GMT

My JavaScript code looks like the following: Code: --------- if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET",data,false); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; alert(xmlDoc.getElementsByTagName("w:current")[0].childNodes[0].nodeValue); --------- My XML file: Code: --------- Weather.com.au - Melbourne Weather http://www.weather.com.au/vic/melbourne Current conditions and forecast for Melbourne, Victoria.

Melbourne Forecast

Sat, 05 May 2012 10:30:00 GMT

�![CDATA[

Sunday:

Partly Cloudy. Mild.
8 - 17

Monday:

Light Rain Early. Clearing Skies. Mild.
8 - 17

Tuesday:

Sunny. Mild.
10 - 22

]]�

JavaScript Combobox text change

aaronking — Thu, 03 May 2012 07:58:33 GMT

Hello,

I have the following code:

Code:

I want to be able to select a index/option value from the select tag such as Tom from the list and be able to change it using javascript.

Anyone able to help?

JavaScript Checkboxs

aaronking — Wed, 02 May 2012 00:45:07 GMT

Hello,

I am having a problem with some checkboxs

what I have is a page with 17 checkboxs.

as per below:

[1] [2] [3]
[4] [5] [6]
[7] [8] [9]
[10] [11] [12]

[13]
[14]
[15]
[16]
[17]

The problem I have is..

A user can only select one check box on the left (1,4,7,10,13,14,15,16,17).

If a user selects any other checkbox then the ones on the left need to be unchecked.

A user can select 2,3 together 5,6 together 8,9 together, 11,12 together. (or only select one of them)

However, you can't select 2,5 together etc. (needs to be in the same line)

I need to be able to untick a box if the user wants to untick it.

Anyone able to help?

JavaScript tying to scroll to a dinamically created tag in innerHtml

mrjavoman — Fri, 27 Apr 2012 02:58:06 GMT

so basically I am scanning some text for a match and then when i find a match I'm putting some highlight tags around that word using innerHtml, but i also want to be able to scroll the browser to that word in case it is a large web page

here's my code:

Code:

var highlightStartTag = "";

var highlightEndTag = "";





for(var i = 1; i < text.length; i++){

state = match(pattern, text.substring(i,i+(pattern.length)));

   if( state == 0){

      scndText += text.substring(lastIndx,i) + highlightStartTag + text.substring(i,i+(pattern.length)) +   highlightEndTag;

      newText = scndText + text.substring(i+(pattern.length), text.length);

      document.getElementById('scnTxt').innerHTML = newText;

   }

}

on the highlight tags i am including an id but when a do something like:

Code:

document.getElementById('highlight');

I'm just not able to find anything, my guess is that getElementById It only looks at the hard coded html and not at the dynamically generated one

so is it even possible to somehow get an element that was generated dynamically?, am i using the right approach here?

JavaScript XML and Cookies

aaronking — Sun, 22 Apr 2012 05:13:40 GMT

Hello,

Just wondering if you can store a XML file into a Cookie?

I have the following code:

Code:

function setCookie(c_name,value,exdays)

 {

 var exdate=new Date();

 exdate.setDate(exdate.getDate() + exdays);

 var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());

 document.cookie=c_name + "=" + c_value;

 }

just wondering if you can store a XML file into a cookie so that I can load the whole xml file from the cookie rather than loading the XML file again?

Anyone able to help?

JavaScript Script working in IE not FF

janetb — Sat, 21 Apr 2012 16:30:02 GMT

Not a JS guru, so can someone tell me why the following works on a .net aspx page in Javascript for IE, but no FF?

Code:

            getAge = function(form) {

                document.getElementById('txtDOB').value = ((document.getElementById('txtDOB').value).replace(new RegExp("/", "g"), "-"));

                var now = new Date();

                var DOB = new Date(document.getElementById('txtDOB').value);

                var oneDay = 1000 * 60 * 60 * 24 * 365; //converts from milliseconds

                document.getElementById('txtAge').value = parseInt((now.getTime() - DOB.getTime()) / oneDay);

            }