Dynamic Drive Forums http://www.dynamicdrive.com/forums Dynamic Drive help forum en Sat, 21 Nov 2009 09:38:27 GMT vBulletin 10 http://www.dynamicdrive.com/forums/images/misc/rss.jpg Dynamic Drive Forums http://www.dynamicdrive.com/forums getElementbyID not working in IE 7, but working in Mozilla, crome http://www.dynamicdrive.com/forums/showthread.php?t=50154&goto=newpost Sat, 21 Nov 2009 07:22:00 GMT Hi I have this javascript with getElementbyId which is not working in IE 7. I have been pulling my hair out almost trying different things. I am trying to control disable/enable checkbox when radio is selected 'Yes'. Any help would be appreciated. Thank you.
Code:
<script type="text/javascript">
 
  function makeChoice(obj)
  {
       
        var Name = obj.name;
        var Id = obj.id;
 
        // doing B
        var B_Name = Name+'_B_';
        if(document.getElementById(Id).value != 1){
               
    for(var x=1; x<10; x++){
            document.getElementById(B_Name+x).disabled = true;
                        }
                        }
        else
          {
                for(var x=1; x<10; x++){
                        document.getElementById(B_Name+x).disabled = false;
        }
        }
 
        // doing C
        var C_Name = Name+'_C_';
        if(document.getElementById(Id).value != 1)
                for(var x=1; x<14; x++)
                        document.getElementById(C_Name+x).disabled = true;
        else
                for(var x=1; x<14; x++)
                        document.getElementById(C_Name+x).disabled = false;
       
  }
  </script>
<form id='page3' name='page3' method='post' action=test.php'>
<table width='100%'>
<tr>
<td align='center' height='50px'>
                    <input id='question_18_1' name='question_18' type='radio' onclick='makeChoice(this);' value='1'  /></td>
<td align='center' height='50px'>
                    <input id='question_18_2' name='question_18' type='radio' onclick='makeChoice(this);' value='2'  /></td>
</tr>     
      </table>

<table> 
<tr>
<td height ='50px' align='center'>
          <input id='question_18_B_1' name='question_18_B_1' type='checkbox' value='1' disabled="disabled"  /></td>
<td height ='50px' align='center'>
          <input id='question_18_B_2' name='question_18_B_2' type='checkbox' value='1' disabled="disabled"  /></td>
</tr>
<tr>
<td height ='70px' align='center'><input type='hidden' name='question_18_C_1' value='0'>
          <input id='question_18_C_1' name='question_18_C_1' type='checkbox' value='1' disabled="disabled"  /></td>
<td height ='70px' align='center'><input type='hidden' name='question_18_C_2' value='0'>
          <input id='question_18_C_2' name='question_18_C_2' type='checkbox' value='1' disabled="disabled"  /></td>
</tr>
          </table>
<input id='submitpage3' type='submit' name='submit' value='Page suivante' />
]]> JavaScript gulluman1 http://www.dynamicdrive.com/forums/showthread.php?t=50154 Ultimate Fade-in slideshow (v2.1)-cant get bkgrd to be transparent http://www.dynamicdrive.com/forums/showthread.php?t=50152&goto=newpost Sat, 21 Nov 2009 04:20:32 GMT 1) Script Title: Ultimate Fade-in slideshow (v2.1) 2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm 3) Describe problem: cant get bkgrd to be transparent currently its has a black bkgrd which wont disappear regardless of what i do... 1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: cant get bkgrd to be transparent

currently its has a black bkgrd which wont disappear regardless of what i do
http://www.engagedesign.com/headshots.html

Code:
#fadeshow1 .gallerylayer img {border: 1px solid white!important; background-color:transparent!important;}

.headshot_gallery1 { position:absolute; top:155px; left:50px; background-color:transparent!important;}

<div class="headshot_gallery1" id="fadeshow1"></div>
]]> Dynamic Drive scripts help rkk http://www.dynamicdrive.com/forums/showthread.php?t=50152 Ultimate Fade-in slideshow (v2.1)-preload images http://www.dynamicdrive.com/forums/showthread.php?t=50151&goto=newpost Sat, 21 Nov 2009 03:53:03 GMT 1) Script Title: Ultimate Fade-in slideshow (v2.1) 2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm 3) Describe problem: preload images Hi, I love the script however 1) like the DHTML Slide Show Script i would like to have it preload the images...im assuming... 1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: preload images

Hi, I love the script however

1) like the DHTML Slide Show Script i would like to have it preload the images...im assuming it doesnt since you dont mention it in its key features

2) i dont know if this is possible but I WOULD LOVE YOU GUYS if you could make the slide show AUTO LOAD images from a folder on a server...see this script which i think is flash based for what im talking about http://www.flashnifties.com/flash_gallery.php
ie for the images to display in the slideshow instead of having to type a long list of images, the script would just know to look for all images within a folder on your server and automatically create the slideshow from it... ]]> Dynamic Drive scripts help rkk http://www.dynamicdrive.com/forums/showthread.php?t=50151 Go get button! http://www.dynamicdrive.com/forums/showthread.php?t=50150&goto=newpost Fri, 20 Nov 2009 22:38:57 GMT Hi Everyone, This is probably something easy and is already out there so maybe you can direct me in the right direction my problem is: I want a button on my website with an text area next to it, and when you enter a number and press the submit but it retrieves the file. What I mean is a... Hi Everyone,

This is probably something easy and is already out there so maybe you can direct me in the right direction my problem is:

I want a button on my website with an text area next to it, and when you enter a number and press the submit but it retrieves the file.

What I mean is a user will enter 12345 and hit enter this will then open a file which will corrospond as 12345.pdf file. I am using Serif webplusX2 so it is quite easy to enter code on the site. My website is in a folder and obviously the domain name looks for this folder then the index.html.

I will be uploading invoice files to the same folder as to make it simple for me to locate the file and I know I can type the name of the file like www.mysite.co.uk/12345.pdf in the address bar put looks naff and what user wants to do all that....

I would be very greatfully for any information or advice on this matter.

Thank you for your time

Mark ]]> Looking for such a script or service Samarca http://www.dynamicdrive.com/forums/showthread.php?t=50150 Rollover-Text in CMotion Image Gallery? http://www.dynamicdrive.com/forums/showthread.php?t=50149&goto=newpost Fri, 20 Nov 2009 20:06:51 GMT 1) Script Title: CMotion Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...iongallery.htm


3) Describe problem: It's not really a problem...It's more like a question :)

I use the CMotion Image Gallery on this site:

http://ichliebefotografie.de/html/ntoma.html

...and everything works perfect now :) .

I was just wondering if it is possible to let some text appear on mouseover on every picture in this gallery (some information about the picture). I got the idea because of the text that appears when the gallery is at its end ("End of Gallery").

I don't know much about programming and I have no idea if just a little change in the code is needed or if I'm asking for something completely new...

If so, just ignore my question and keep up the good work, I was always very happy and thankful for the quick answers here when I had a problem. Thank you! ]]> Dynamic Drive scripts help facilidis http://www.dynamicdrive.com/forums/showthread.php?t=50149 String Object Method Help http://www.dynamicdrive.com/forums/showthread.php?t=50148&goto=newpost Fri, 20 Nov 2009 19:45:40 GMT Hello, I was able to solve an issue I had in previous post in writing some code to grab a section of a cookie value string (2 letter state ex MD) and check against it to do something. That was easy because the state was at the end of the string and all I had to do was use the slice() method. ... Hello,

I was able to solve an issue I had in previous post in writing some code to grab a section of a cookie value string (2 letter state ex MD) and check against it to do something. That was easy because the state was at the end of the string and all I had to do was use the slice() method. Now I was to be able to grab the 2 letter state from a string that looks like this:

BALTIMORE, MD|blah blah|blah blah|blah blah (the real cookie value string will always be separated with pipes (|))

Can anyone please help?

Thanks in advance!

Code:
<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<SCRIPT LANUAGE="JavaScript">

function setCookie(name, value, expires, path, domain, secure) {
    document.cookie= name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires.toGMTString() : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}
function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    } else {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1) {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}
</SCRIPT>
</HEAD>
<BODY>
<script>
 $(function(){
        $('div').each(function(){
                if($(this).hasClass('stateSelect1')){
                          if (getCookie("location")!=null){
                        var state = getCookie("location").slice(-2).toLowerCase();
                        var stateArray = [];
                        stateArray = $(this).attr('rel').toLowerCase().split(',');
                                if($.inArray(state,stateArray) >= 0){
                                $(document).ready(function(){
                                        $(".stateSelect0").css("display","none");
                                        $(".stateSelect1").css("display","block");
                                  });
                                }
                                }         
                        }
        });
 });
 </script>
<strong>Step 1.  Copy and paste in cookie set text field:</strong> <br>
<br>
<strong>Show Image1:</strong><br>
CHARLOTTE, NC|blah blah|blah blah|blah blah|blah blah<br>
BALTIMORE, MD|blah blah|blah blah|blah blah<br>
<br>
<strong>Show Image2:</strong><br>
COLUMBIA, SC|blah blah|blah blah|blah blah<br>
RESTON, VA|blah blah|blah blah|blah blah<br>
<br>
<strong>Show Image3:</strong><br>
LOS ANGELES, CA|blah blah|blah blah|blah blah<br>
SEATLE, WA|blah blah|blah blah|blah blah<br>
<br>
<br>
<strong>Step 2.</strong>
<input type="button" value="Set Cookie"  onclick='setCookie("location", prompt("Enter your location"))' />
<br>
<br>
<strong>Step 3.</strong> Now refresh page. <br>
<br>
<style>
.default{ border:3px solid limegreen; margin-bottom:5px; width:200px}
.div1{ border:3px solid red; margin-bottom:5px; width:200px}
.div2 { border:3px solid purple; margin-bottom:5px; width:200px}
.div3 { border:3px solid yellow; margin-bottom:5px; width:200px}
.div4 { border:3px solid blue; margin-bottom:5px; width:200px}
</style>
<!--DEFAULT IMAGE IF NO COOKIE SET OR NON LISTED STATE-->
<div class="stateSelect0 default"> DEFAULT IMAGE </div>
<!--DEFAULT IMAGE IF NO COOKIE SET OR NON LISTED STATE-->
<div class="stateSelect1 div1" rel="NC,MD" style="display:none">Image 1 - DIV 1</div>
<div class="stateSelect2 div2" rel="SC,VA" style="display:none">Image 2 - DIV 2</div>
<div class="stateSelect3 div3" rel="WA,CA" style="display:none">Image 3 - DIV 3</div>
</BODY>
</HTML>
]]> JavaScript bigalo http://www.dynamicdrive.com/forums/showthread.php?t=50148 Switch Menu Function fails in IE http://www.dynamicdrive.com/forums/showthread.php?t=50147&goto=newpost Fri, 20 Nov 2009 14:20:08 GMT Hi, I am having trouble with a script that works fine in Firefox but has problems in IE. The offending piece of code is colored red. I know this is probably a simple case of "IE needs correct syntax" but need to polish up on my best practices.


Code:
window.onload = function initAll()        {
// this function closes all the contained elements within the main content, on onload
var argument = document.getElementsByName("stories").length;
// loop through each element with an identical name attribute to store the instances
for (var i=0;i<argument;i++)        {
document.getElementById('myvar'+[i+1]).style.display="none";
}
}
and this in the document body

Code:
<div name="stories" id="myvar1">
<p class="news">Headlines</p>
]]> JavaScript sniperman http://www.dynamicdrive.com/forums/showthread.php?t=50147 Dropdown menu that moves up on mouseover http://www.dynamicdrive.com/forums/showthread.php?t=50146&goto=newpost Fri, 20 Nov 2009 13:50:31 GMT Hi Guys,

I'm looking for a simple mouseover drop down script like this one:
http://www.dynamicdrive.com/dynamici...roptabmenu.htm

Except the rollover effect always has to move up instead of move down.

Can anyone help me, or help me with editing existing code?

Cheers.
Tim ]]> Looking for such a script or service timjanssen_nl http://www.dynamicdrive.com/forums/showthread.php?t=50146 moving AnyLink CSS Menu v2.2 to top of images http://www.dynamicdrive.com/forums/showthread.php?t=50145&goto=newpost Fri, 20 Nov 2009 13:12:04 GMT 1) Script Title: AnyLink CSS Menu v2.2 2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm 3) Describe problem: I have got Ultimate Fade In Slideshow v2.0- running on the page as well and the drop downs I have created are appearing behind the images - is there a... 1) Script Title: AnyLink CSS Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...anylinkcss.htm

3) Describe problem: I have got Ultimate Fade In Slideshow v2.0- running on the page as well and the drop downs I have created are appearing behind the images - is there a way of putting the drop downs on top?

Thanks

Clare ]]> Dynamic Drive scripts help crwffd http://www.dynamicdrive.com/forums/showthread.php?t=50145 Resolved Stepcarousel crashing jQuery http://www.dynamicdrive.com/forums/showthread.php?t=50143&goto=newpost Fri, 20 Nov 2009 12:53:59 GMT Script: Step Carousel Viewer v1.8
http://www.dynamicdrive.com/dynamici...epcarousel.htm
----------
Quote:
It looks like after loading "stepcarousel.js" in my page it crashes jQuery, but the best thing is that it happens only when I'm viewing the page from Content Management System side.
CMS powered site: http://78.84.100.62/vbc/page.php?pid=1 (doesn't work)

Plain HTML template: http://78.84.100.62/vbc_grup/html_logistic/index.html (works)

I'm totally out of ideas why this could happen, maybe you guys could help me?

If you're looking for stepcarousel CSS styles, they're put into "inside.css".

P.S. The host is my local webserver, therefore it's slow as a slime.

Thanks in advance!
EDIT: Woah, I found out the problem, it was my template system, which was screwing all the place up. :)

-Tom- ]]> Dynamic Drive scripts help Psycke http://www.dynamicdrive.com/forums/showthread.php?t=50143 dd ajaxtabscontent + dd dynamicbookmarkscroll to the tabs... any possible?? http://www.dynamicdrive.com/forums/showthread.php?t=50142&goto=newpost Fri, 20 Nov 2009 10:37:53 GMT 1) Script Title: dd ajax tabs content + dd scroll html 2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/ajaxtabscontent/ http://www.dynamicdrive.com/dynamici...markscroll.htm 3) Describe problem: Am trying to add the scrollTo effect to the tabs(menus) in ajax tabs content. It... 1) Script Title: dd ajax tabs content + dd scroll html

2) Script URL (on DD): http://dynamicdrive.com/dynamicindex17/ajaxtabscontent/

http://www.dynamicdrive.com/dynamici...markscroll.htm

3) Describe problem: Am trying to add the scrollTo effect to the tabs(menus) in ajax tabs content. It has got two href attributes which is a big problem.

All I'm trying to achieve is, when clicked on tabs, just retrieve the content into content area (like ajaxtabscontent normally does) and also scrollTo content area which is at the middle of the my webpage..!

Any help appreciated! ]]> Dynamic Drive scripts help desibird http://www.dynamicdrive.com/forums/showthread.php?t=50142 Rounded tab menu tranparency problem http://www.dynamicdrive.com/forums/showthread.php?t=50141&goto=newpost Fri, 20 Nov 2009 09:46:15 GMT Hi Guys! New here..

I need some help.. ASAP
(for some people with good heart out there and for the experts:p)

I have these two images for the menu, with a rounded corner.
It's in .png format and has transparency so that whenever I wanted to change the background, I dont have to go edit the menu.



The only problem is that, when I tried to do that using the tutorials I found in some threads here, the img02 will overlay the img01 which will result to straight edge, instead of the rounded corner I wanted to achieve.

Quote:
Here is the code that I used:

#navmenu li:hover,
#navmenu li.iehover,
#navmenu li.active{
background: url(../images/img01.png) right center no-repeat;

}
#navmenu li:hover a,
#navmenu li.iehover a,
#navmenu li.active:hover a,
#navmenu li.active.iehover a,
#navmenu li a:hover,
#navmenu li.active a,
#navmenu li.active a:hover{
background: url(../images/img02.png) left center no-repeat;
Note: Attached files are the menu images.

I would be very glad for people who will help me with this.
I will be waiting.... ;)

May you have a good day! ]]> CSS mla0205 http://www.dynamicdrive.com/forums/showthread.php?t=50141 Rounded tab menu tranparency problem http://www.dynamicdrive.com/forums/showthread.php?t=50140&goto=newpost Fri, 20 Nov 2009 09:44:00 GMT Hi Guys! New here..
I need some help.. ASAP (from some people with good heart out there :p)

I have these two images for the menu, with a rounded corner.
It's in .png format and has transparency so that whenever I wanted to change the background, I dont have to go edit the menu.



The only problem is that, when I tried to do that using the tutorials I found in some threads here, the img02 will overlay the img01 which will result to straight edge, instead of the rounded corner I wanted to achieve.

Quote:
Here is the code that I used:

#navmenu li:hover,
#navmenu li.iehover,
#navmenu li.active{
background: url(../images/img01.png) right center no-repeat;

}
#navmenu li:hover a,
#navmenu li.iehover a,
#navmenu li.active:hover a,
#navmenu li.active.iehover a,
#navmenu li a:hover,
#navmenu li.active a,
#navmenu li.active a:hover{
background: url(../images/img02.png) left center no-repeat;
Note: Attached files are the menu images.

I would be very glad for people who will help me with this.
I will be waiting.... ;)

May you have a good day!
Attached Thumbnails
Click image for larger version Name: img01.png Views: N/A Size: 252 Bytes ID: 3016  
Attached Images
 
]]> CSS mla0205 http://www.dynamicdrive.com/forums/showthread.php?t=50140 <![CDATA[CSS & Dreamweaver]]> http://www.dynamicdrive.com/forums/showthread.php?t=50139&goto=newpost Fri, 20 Nov 2009 09:31:58 GMT Hi,

I notice that when I create CSS websites in Dreamweaver using the "draw AP Div", the style it automatically generates always contains a "z-index" (eg on the #footer).

If I look at the style of css websites that I know have been hand-built, they rarely contain a z-index for such divs. Why is this? Is due to the AP Div being absolute-positioned?

What would the consequence be if I deleted the "z-index" value from my auto-generated styles?

Thanks in anticipation of your advice! ]]> CSS jhatter http://www.dynamicdrive.com/forums/showthread.php?t=50139 Rounded border top left and bottom right http://www.dynamicdrive.com/forums/showthread.php?t=50137&goto=newpost Fri, 20 Nov 2009 09:02:33 GMT 1) CODE TITLE: Rounded border top left and bottom right 2) AUTHOR NAME/NOTES:Nilambar Sharma 3) DESCRIPTION: A div border rounded in top left and bottom right. 4) URL TO CODE: http://nilambar.com.np/roundedcorner/ or, ATTACHED BELOW (see #3 in guidelines below): 1) CODE TITLE: Rounded border top left and bottom right

2) AUTHOR NAME/NOTES:Nilambar Sharma

3) DESCRIPTION: A div border rounded in top left and bottom right.

4) URL TO CODE: http://nilambar.com.np/roundedcorner/

or, ATTACHED BELOW (see #3 in guidelines below): ]]> Submit a DHTML or CSS code nilambar http://www.dynamicdrive.com/forums/showthread.php?t=50137