WebDeveloper.com http://www.webdeveloper.com/forum WebDeveloper.com Forums, Where Web Developers and Designers Learn How to Build Web Sites, Program in HTML, Java and JavaScript and More! en Mon, 23 Nov 2009 01:06:48 GMT vBulletin 60 http://www.webdeveloper.com/forum/images/misc/rss.jpg WebDeveloper.com http://www.webdeveloper.com/forum what dimension do i need for my banner? http://www.webdeveloper.com/forum/showthread.php?t=220358&goto=newpost Mon, 23 Nov 2009 00:36:43 GMT i tried 950x150px but my screen 15" and another screen 19" shows the banner with about 1/3 space on either size. what should i do? i am using fireworks.:confused: ]]> Graphics bladecostic http://www.webdeveloper.com/forum/showthread.php?t=220358 what dimension do i need for my banner? http://www.webdeveloper.com/forum/showthread.php?t=220357&goto=newpost Mon, 23 Nov 2009 00:35:14 GMT i tried 950x150px but my screen 15" and another screen 19" shows the banner with about 1/3 space on either size. what should i do? i am using fireworks.:) ]]> Graphics bladecostic http://www.webdeveloper.com/forum/showthread.php?t=220357 Can anybody see the error(s) in this code? http://www.webdeveloper.com/forum/showthread.php?t=220356&goto=newpost Mon, 23 Nov 2009 00:28:30 GMT I have to make a page that will display a picture (in this case a traffic light), with a start and stop button underneath. When you click the start button, the program is supposed to loop displayed pictures to make it seem like the picture is animated. This is what I have done: Code:... I have to make a page that will display a picture (in this case a traffic light), with a start and stop button underneath. When you click the start button, the program is supposed to loop displayed pictures to make it seem like the picture is animated.

This is what I have done:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Project_11-TrafficLight</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

<script type="text/javascript">
/* <![CDATA[ */var StartChanging;

var light = new Array(3);
var curLight = 0;
for (var imagesLoaded=0; imagesLoaded < 3; ++imagesLoaded) {
    light[imagesLoaded] = new Image();
    light[imagesLoaded].src = "light"
          + imagesLoaded + ".gif";
}
function turn() {
    if (curLight == 2)
          curLight = 0;
    else
          ++curLight;
    document.images[0].src = light[curLight].src;
}
function startChanging() {
    if (StartChanging != null)
          clearInterval(StartChanging);
    StartChanging = setInterval("turn()", 47);
}
/* ]]> */
</script>
</head>

<body>
<p><img src="green.gif" alt="Green Traffic Light" height="110" width="80" /></p>
<form action="">
<p><input type="button" value=" Change "
onclick="startChanging();" />
<input type="button" value=" Stop "
onclick="clearInterval(StartChanging);" /></p>
</form>

</body>

</html>
The initial picture comes up, but when I click the button, it doesn't loop.
The browser doesn't tell me there's any errors..and I don't know what's wrong with it. ]]> JavaScript mvbf987 http://www.webdeveloper.com/forum/showthread.php?t=220356 Zend PHP 5 Certification Study Guide Advice http://www.webdeveloper.com/forum/showthread.php?t=220355&goto=newpost Sun, 22 Nov 2009 23:11:55 GMT Hi,

I am looking for some advice regarding the Zend PHP 5 Certification. I am planning on sitting the exam in May/June time, dependant on when the exam is next available at the test center close to me.

What i'd like to know is - Is the following book sufficient enough as study material to learn and then sit the exam?

http://shop.zend.com/eu/zend-php5-ce...guide-pdf.html

It's €30 EUR, which is fine, but i'd rather know if more than this is required to cover everything that the exam is likely to throw at me.

Many Thanks,
Picco ]]> PHP crmpicco http://www.webdeveloper.com/forum/showthread.php?t=220355 Accordion item will not reopen after closing http://www.webdeveloper.com/forum/showthread.php?t=220354&goto=newpost Sun, 22 Nov 2009 22:53:34 GMT ]]> As stated in the thread title, my JS accordion items will not re-open after closing.

You can view it here.

XHTML item sample:

HTML Code:
<div id="accordion">
  <dl class="accordion" id="slider">
      <dt>Item Heading</dt>
        <dd>                   
            <span>Sample accordion content.</span>
        </dd>
      </dt>
  </dl>
</div>
CSS:

Code:
#accordion {
        width: 100%;
        margin: 50px auto;
        border: none;
}
.accordion {
        width: 100%;
        font: 12px Verdana,Arial;
        color: #333;
}
.accordion dt {
        padding: 3px 1px;
        cursor: pointer;
        background-color: #fff;
        background-image: url('../images/arrow_down.gif');
        background-position: right center;
        background-repeat: no-repeat;
        color: #666;
}
.accordion dt:hover {
        background-color: #1883f1;
        color: #fff;
}
.accordion .open {
        background-color: #ddd;
        background-image: url('../images/arrow_up.gif');
        padding: 3px 10px;
}
.accordion dd {
        overflow: hidden;
        background-color: #f3f7fa;
        margin: 0;
        padding-left: 50px;
        border-bottom: 1px solid #ddd;
}
.accordion span {
        display: block;
        border-top: none;
        padding: 15px;
}
Internal Javascript (before body tag)

Code:
<script type="text/javascript">
        var slider=new accordion.slider("slider");
        slider.init("slider",0,"open");
</script>
External Javascript

Code:
var accordion=function(){
        var tm=sp=10;
        function slider(n){this.nm=n; this.arr=[]}
        slider.prototype.init=function(t,c,k){
                var a,h,s,l,i; a=document.getElementById(t); this.sl=k?k:'';
                h=a.getElementsByTagName('dt'); s=a.getElementsByTagName('dd'); this.l=h.length;
                for(i=0;i<this.l;i++){var d=h[i]; this.arr[i]=d; d.onclick=new Function(this.nm+'.pro(this)'); if(c==i){d.className=this.sl}}
                l=s.length;
                for(i=0;i<l;i++){var d=s[i]; d.mh=d.offsetHeight; if(c!=i){d.style.height=0; d.style.display='none'}}
        }
        slider.prototype.pro=function(d){
                for(var i=0;i<this.l;i++){
                        var h=this.arr[i], s=h.nextSibling; s=s.nodeType!=1?s.nextSibling:s; clearInterval(s.tm);
                        if(h==d&&s.style.display=='none'){s.style.display=''; su(s,1); h.className=this.sl}
                        else if(s.style.display==''){su(s,-1); h.className=''}
                }
        }
        function su(c,f){c.tm=setInterval(function(){sl(c,f)},tm)}
        function sl(c,f){
                var h=c.offsetHeight, m=c.mh, d=f==1?m-h:h; c.style.height=h+(Math.ceil(d/sp)*f)+'px';
                c.style.opacity=h/m; c.style.filter='alpha(opacity='+h*100/m+')';
                if(f==1&&h>=m){clearInterval(c.tm)}else if(f!=1&&h==1){c.style.display='none'; clearInterval(c.tm)}
        }
        return{slider:slider}
}();
Anyone that can help, it would be greatly appreciated. ]]> JavaScript metropolitica http://www.webdeveloper.com/forum/showthread.php?t=220354 Is it possible to post to this javascript search within my iframe http://www.webdeveloper.com/forum/showthread.php?t=220353&goto=newpost Sun, 22 Nov 2009 22:10:12 GMT Is it possible to post to this javascript search within my iframed page from a search input/ submit form elsewhere on my site? I have a search form in the header of some other pages that will need to fill the top input form box on the bottom of the left hand pink area of the iframe and submit it... Is it possible to post to this javascript search within my iframed page from a search input/ submit form elsewhere on my site?

I have a search form in the header of some other pages that will need to fill the top input form box on the bottom of the left hand pink area of the iframe and submit it to return results within this iframe... Is this possible... and yes it is cross domain, and no i do not have access to the source of the page that is iframed.

See the iframe on the page at http://www.corporateworkwear.com/sho...-catalogue.php

The iframe's src is coming from url http://www.promotional-store.com/lis...Z8eZF0xG88cqyc

My search on a page in the header (that currently on searches my own database for results) see http://www.corporateworkwear.com/contact-imagine.php

I would like this to do both my catalogues of products and also the iframed main catalogue (if possible?) and I will create a page with an iframe of the main catalogue results at the top and my results underneath if this is possible?

Any help/ guidance on this will be greatly appreciated indeed.

Thanks in advance:) ]]> JavaScript markmod http://www.webdeveloper.com/forum/showthread.php?t=220353 How important is domain name for seo? http://www.webdeveloper.com/forum/showthread.php?t=220352&goto=newpost Sun, 22 Nov 2009 21:00:22 GMT Hello, How much importance do the keywords in the domain itself have as far as seo? I am not talking about keyword stuffed several keywords domains, just two word domains with one or two keywords... Hello,
How much importance do the keywords in the domain itself have as far as seo? I am not talking about keyword stuffed several keywords domains, just two word domains with one or two keywords... ]]> Search Engines ketanco http://www.webdeveloper.com/forum/showthread.php?t=220352 How to make slider bars just like in hotmail? http://www.webdeveloper.com/forum/showthread.php?t=220351&goto=newpost Sun, 22 Nov 2009 20:59:54 GMT thing? Does that work in all browsers? (Must work for hotmail?) Tried to read the source of hotmail, but it's such...]]> How to make slider bars just like in hotmail?

I want to make the same kind of triple frame thing as in hotmail (menu-pane, browsing-pane, preview-pane)

Is it just an <IFRAME> thing? Does that work in all browsers? (Must work for hotmail?)

Tried to read the source of hotmail, but it's such a big mess, maybe somebody can tip me so I can go in the right direction faster? ]]> HTML outsource_lucas http://www.webdeveloper.com/forum/showthread.php?t=220351 Getting value from an input control http://www.webdeveloper.com/forum/showthread.php?t=220350&goto=newpost Sun, 22 Nov 2009 20:33:26 GMT Okay,

I have a function that grabs all controls with a specific css class. Then, I access the second child of that control (it's a custom user control and the second child is a textbox) and stores it as a variable. Then, I proceed to do some stuff with it. However, I can't seem to get the value of the textbox. Does this have something to do with it being stored as a variable? I'm new to JS so I'm not too sure on this. I've tried .innerHTML, .innerText, and .value and I keep getting "undefined". I've tried with and without text in the textbox. I'm lost. Does anyone have any ideas?

Thanks. ]]> JavaScript da.3vil.genius http://www.webdeveloper.com/forum/showthread.php?t=220350 Cookies and Links http://www.webdeveloper.com/forum/showthread.php?t=220349&goto=newpost Sun, 22 Nov 2009 20:15:02 GMT I created several flash quizzes for the students in my history class. I want to make 1 page with links to all of the quizzes, but the next link will only show if they completed the previous quiz. I thought that the quiz would go to a page that would set a cookie so that the next link would now be... I created several flash quizzes for the students in my history class. I want to make 1 page with links to all of the quizzes, but the next link will only show if they completed the previous quiz. I thought that the quiz would go to a page that would set a cookie so that the next link would now be visible.

Can anyone provide me with some guidance? Not sure if anything like this may already be out there. ]]> JavaScript phrozen1 http://www.webdeveloper.com/forum/showthread.php?t=220349 Pesky Problems with Recently Viewed Items http://www.webdeveloper.com/forum/showthread.php?t=220348&goto=newpost Sun, 22 Nov 2009 20:03:29 GMT Please pardon the dust, as this site is under construction. The URL is http://www.budgetcommercialmailboxes.com/index.html

Two problems with a recently viewed items script. One is an undefined that's getting written with each iteration. How do I get rid of the string of 'undefined'?

The other is that the items write out in the reverse of the order I want them in. I suppose I could just make the containing <div> tags float: right; instead of float: left; and fix this, but it would look odd when only 1 or 2 items have been viewed. I'd like item 1 to display to the far left, then shift to the right as additional items are viewed. Recently viewed items show horizontally at the bottom of the page content, above the footer.

The JS for the recent items is:
Code:
max_recent=3
var expDays=30
var exp=new Date()
exp.setTime(exp.getTime()+(expDays*24*60*60*1000))
function getCookieVal(offset){
var endstr=document.cookie.indexOf(";",offset)
if(endstr==-1)endstr=document.cookie.length
return unescape(document.cookie.substring(offset,endstr))
}
function GetCookie(name){
var arg=name+"="
var alen=arg.length
var clen=document.cookie.length
var i=0
while(i<clen){
var j=i+alen
if(document.cookie.substring(i,j)==arg)return getCookieVal(j)
i=document.cookie.indexOf(" ",i)+1
if(i==0)break
}
return null
}
function SetCookie(name,value){
var argv=SetCookie.arguments
var argc=SetCookie.arguments.length
var expires=(argc>2)?argv[2]:null
var path=(argc>3)?argv[3]:null
var domain=(argc>4)?argv[4]:null
var secure=(argc>5)?argv[5]:false
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"")
}
function set_recent(v){
var r=new Array()
var i=1,j=1
while((r[i]=GetCookie('etRecentlyViewedCookie'+j))!=null&&r[i]!=""&&j++<=max_recent)
if(r[i]!=v)
i++
if(i>max_recent)
i=max_recent
SetCookie('etRecentlyViewedCookie'+i,v,exp,'/')
j=i
while(++j<=max_recent)
SetCookie('etRecentlyViewedCookie'+j,"",exp,'/')
j=0
if(i==max_recent&&r[i]!=null&&r[i]!="")
j=1
while(--i>0)
SetCookie('etRecentlyViewedCookie'+i,r[i+j],exp,'/')
}
function recent_items(bf,sp,bh){
var i=1,t="",n=""
if((n=GetCookie('etRecentlyViewedCookie'+i))!=null&&n!="")
t+=n
while(++i<=max_recent)
if((n=GetCookie('etRecentlyViewedCookie'+i))!=null&&n!="")
t+=sp+n
if(t!="")
document.write(bf+t+bh)
The script embeded in each page to pass values to the above looks like:
Code:
<script type="text/javascript">recent_items('<h3>Recently Viewed Items!</h3>');set_recent('<div><a href="18-door-4b-horizontal-mailbox-front-loading-a-doors-usps-access-category.html"><img src="/I/yhst-22110758702157_2082_11085" width="90" height="90" border="0" hspace="0" vspace="0" /></a><br /><a href=18-door-4b-horizontal-mailbox-front-loading-a-doors-usps-access-category.html>18 Door (17 Usable) 4B+ Horizontal Mailbox Front Loading A Doors USPS Access</a></div>');</script>
]]> JavaScript ETpro http://www.webdeveloper.com/forum/showthread.php?t=220348 Javascript in Firefox - doctype problem - id not defined? http://www.webdeveloper.com/forum/showthread.php?t=220347&goto=newpost Sun, 22 Nov 2009 18:26:03 GMT function toggleButton(ktory,ile,id_obrazka,f,q) { for (i=0; i Hello,
I really need some help. I have been struggling with this script all day and haven't found any solution.

<script type="text/javascript">

function toggleButton(ktory,ile,id_obrazka,f,q) {
for (i=0; i<ile; i++) {
eval('wybor'+i).className='';
}
if (document.getElementById) {
eval(document.getElementById('wybor'+ktory)).className = 'active';
document.getElementById(id_obrazka).setAttribute('src',f + q+'.jpg')
}
else if (document.all) {
eval(document.all['wybor'+ktory]).className = 'active';
document.all[id_obrazka].setAttribute('src',f + q+'.jpg')
}
}

</script>




<img id="wywiady" src="22.jpg"></td>

<a class="active" id="wybor0" href= "#" onMouseOver="toggleButton(0,2,'wywiady','/zawodnicy/images/mini/','22')"> test 1 </a><BR/>

<a class="" id="wybor1" href= "/news.html?pokaz_news=10554" onmouseover="toggleButton('1','2','wywiady','/zawodnicy/images/mini/','55')" > test 2</a>


The problem is that it stops working at all in Firefox with the DoCTYPE declaration <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> (or strict). It works only when I run it without any declaration or <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">. The script works in every other browser tested in each of those DOCtypes.

I also found out that the webdeveloper tool in FF shows 'wybor0 is not defined'. What can it be?

Thank you very much in advance for help.

tadziak ]]> JavaScript tadziak http://www.webdeveloper.com/forum/showthread.php?t=220347 Prototype Onclick change text to textbox http://www.webdeveloper.com/forum/showthread.php?t=220346&goto=newpost Sun, 22 Nov 2009 17:27:23 GMT My site *inventive.webs.com/ad-hoc* contains lists of activities. When a user double clicks on an activity, the text will change to textbox, then double click again on the textbox to return to static text, which is so far working properly. What I want to happen next are: 1. Textbox must return... My site inventive.webs.com/ad-hoc contains lists of activities. When a user double clicks on an activity, the text will change to textbox, then double click again on the textbox to return to static text, which is so far working properly.

What I want to happen next are:
1. Textbox must return back to static text when user clicks anywhere on the body.
2. When there's an existing textbox, it should return to static text when another activity list is being double clicked.

Can you help me with this one please? I'm new to javascript. Can you show me some simple codes to make this happen?

Here's my javascript code:

function exchange(el){
var ie=document.all&&!document.getElementById? document.all : 0;
var toObjId=/b$/.test(el.id)? el.id.replace(/b$/,'') : el.id+'b';
var toObj=ie? ie[toObjId] : document.getElementById(toObjId);

if(/b$/.test(el.id))
toObj.innerHTML=el.value;
else{
toObj.style.width=el.offsetWidth+7+'px';
toObj.value=el.innerHTML;
}
el.style.display='none';
toObj.style.display='inline';
}


And here's my css and html codes:

<style type="text/css">
.replace {
display:none;
}
</style>



<span id="itm1" ondblclick="exchange(this);">Activity List here...</span>

<textarea ondblclick="exchange(this);" id="itm1b" class="replace"></textarea>



Thanks in advance!!!

-Ryezack ]]> JavaScript ryezack http://www.webdeveloper.com/forum/showthread.php?t=220346 <![CDATA[[RESOLVED] Help with loops]]> http://www.webdeveloper.com/forum/showthread.php?t=220345&goto=newpost Sun, 22 Nov 2009 16:53:34 GMT Hello, I am a web designer - not a developer but I have always wanted to expand my knowledge and attempt to learn PHP + SQL. In doing so, I have been very successful doing the backend to my website, but I got stuck on what seems to be a very stupid issue. PHP: --------- $query =... Hello,

I am a web designer - not a developer but I have always wanted to expand my knowledge and attempt to learn PHP + SQL.

In doing so, I have been very successful doing the backend to my website, but I got stuck on what seems to be a very stupid issue.

PHP Code:
                $query = "SELECT comment, name, company FROM companies WHERE company='$myPage' ORDER BY id DESC";
                    
                $result = mysql_query($query) or die(mysql_error());
                $box = 1;
                while($row = mysql_fetch_array($result)){

                $row = mysql_fetch_array($result);

                if ($box==1) {
                    $box = 0;
                } else {
                    $box = 1;
                }

                echo "<div id='recentBox" . (1+$box) . "'>";
                        echo "<h2>From: " . $row['name'] . "<br />";
                        echo "Company: " . $row['company'] . "<br />";
                        echo "Comments: " . $row['comment'] . "</h2>";
                echo "</div>";
                }
                ?>
For some reason, the while loop is only half working. It's supposed to display all the comments from an individual company. It's organizing and grouping fine, but it doesn't display all the comments it's supposed to.

Instead of using the while loop, I used a for loop which actually worked out great, but then I am stuck with a fixed amount of comments being displayed.

What is wrong with my while loop?

Thanks! ]]> PHP itziklevy http://www.webdeveloper.com/forum/showthread.php?t=220345 self.location.href wont happen? http://www.webdeveloper.com/forum/showthread.php?t=220344&goto=newpost Sun, 22 Nov 2009 16:13:35 GMT Hi!
I have a problem with a javascript and I am hopeing anyone have any suggestions. On one of my pages I have a simple login-form, its not ment to be secure or anything.

Once my form was complete and functioning ok, I also wanted the "login" to happen when the enterkey was pressed (instead of having to press a button after typing the password). I cant redirect it to the page with self.location.href.

This is my form:

Code:
<form>
<br>
<center>
Password: <input type="password" name="password" onKeyPress="Loginb(this,event,this.form);" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';">
<br>
<input type="button" value="Login" onClick="Login(this.form);" style="background:#bfbfbf;color:#000000;border-color:#212121;" onMouseOver="this.style.color = '#404040';" onMouseOut="this.style.color = '#000000';" onFocus="this.style.color = '#404040';" onBlur="this.style.color = '#000000';">
</center>
</form>
and this is the javascript:

Code:
function Login(form) {
password = new Array("p1","p2","p3","p4");
page = "b" + ".html";
if (form.password.value == password[0] || form.password.value == password[1] || form.password.value == password[2] || form.password.value == password[3]) {
self.location.href = page;
}
else {
alert("Wrong password.\nTry again.");
form.password.focus();
}
return true;
}

function Loginb(myfield,e,form)
{
password = new Array("p1","p2","p3","p4");
page = "b" + ".html";
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;

if (form.password.value == password[0] || form.password.value == password[1] || form.password.value == password[2] || form.password.value == password[3]) {
       
        if (keycode == 13)
        {
                alert("Login!");
                self.location.href = page;
        }
}
else
{
        if (keycode == 13){
                alert("Wrong password.\nTry again.");
                form.password.focus();
        }
}

  return true;
}
One strange thing, the alert("Login!"); shows up indicating that I have pass that "if" statement, but it does not redirect to the page. To me this is a mystery but my knowledge in javascript is not great.

Thnx
/Danell ]]> JavaScript fdanell http://www.webdeveloper.com/forum/showthread.php?t=220344