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 Sun, 20 May 2012 10:51:08 GMT vBulletin 60 http://www.webdeveloper.com/forum/images/misc/rss.jpg WebDeveloper.com http://www.webdeveloper.com/forum HTML+CSS how make one div class active http://www.webdeveloper.com/forum/showthread.php?t=260795&goto=newpost Sun, 20 May 2012 10:29:17 GMT ]]> Hello really need help.
How make one of div class active by default.
My code HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

<link rel="stylesheet" href="css/taby.css" type="text/css" media="screen">
</head>
<body>
<div class="tabsLink">
<a href="#tab1">A</a>
<a href="#tab2">B</a>
</div>

<br>
<a class="tabs" id="tab1"></a>
<div class="tab">
<a href="http://www.google.lt">Google</a><br>
<br>
</div>

<a class="tabs" id="tab2"></a>
<div class="tab">
<a href="http://www.nigma.ru">Nigma</FONT></a><br>
</div>


</body>
</html>


CSS code is:

.tabs {
opacity: 0;
visibility: hidden;
}
.tab{
position:absolute;
visibility: hidden;
z-index: 10;

}
.tabs:target+.tab {
opacity: 1;
visibility: visible;
}
.tabsLink a{
background-color:#478CFB;
padding:5px;
font: bold 12pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
color:#fff;
text-decoration:none;

-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-top-left-radius: 1px;
border-top-right-radius:1px;

} ]]> HTML valezija http://www.webdeveloper.com/forum/showthread.php?t=260795 HTML+CSS how make one div class active http://www.webdeveloper.com/forum/showthread.php?t=260794&goto=newpost Sun, 20 May 2012 10:26:25 GMT ]]> Hello,
I need help how make one div class active by html and css?


HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

<link rel="stylesheet" href="css/taby.css" type="text/css" media="screen">
</head>
<body>
<div class="tabsLink">
<a href="#tab1">A</a>
<a href="#tab2">B</a>
</div>

<br>
<a class="tabs" id="tab1"></a>
<div class="tab">
<a href="http://www.google.lt">Google</a><br>
<br>
</div>

<a class="tabs" id="tab2"></a>
<div class="tab">
<a href="http://www.nigma.ru">Nigma</FONT></a><br>
</div>


</body>
</html>



CSS:
.tabs {
opacity: 0;
visibility: hidden;
}
.tab{
position:absolute;
visibility: hidden;
z-index: 10;

}
.tabs:target+.tab {
opacity: 1;
visibility: visible;
}
.tabsLink a{
background-color:#478CFB;
padding:5px;
font: bold 12pt "Trebuchet MS", tahoma, verdana, arial narrow, arial;
color:#fff;
text-decoration:none;

-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-top-left-radius: 1px;
border-top-right-radius:1px;

} ]]> HTML valezija http://www.webdeveloper.com/forum/showthread.php?t=260794 What is difference of the 2 functions? http://www.webdeveloper.com/forum/showthread.php?t=260793&goto=newpost Sun, 20 May 2012 09:01:39 GMT *window.onresize = resizeWindow*; function resizeWindow() { alert("I am resizing!"); } ]]>
Code:
<script type="text/javascript">
window.onresize = resizeWindow;
function resizeWindow()
{
        alert("I am resizing!");
}
</script>
Above function is called every time when window resizes.

But, if I add brace as:
Code:
window.onresize = resizeWindow();
The function is called only for once at window starts.

Is there any reason about this on js syntax or else?

Thanks.

. ]]> JavaScript html20009876 http://www.webdeveloper.com/forum/showthread.php?t=260793 How to wait for window events? http://www.webdeveloper.com/forum/showthread.php?t=260792&goto=newpost Sun, 20 May 2012 08:31:11 GMT I need to do somethings under following events: 1. user add or remove tool-bars and status-bar. 2. scroll-bar appears or disappears when user resizes window. How to get those events? Thanks. I need to do somethings under following events:


1. user add or remove tool-bars and status-bar.
2. scroll-bar appears or disappears when user resizes window.

How to get those events?

Thanks.

. ]]> JavaScript html20009876 http://www.webdeveloper.com/forum/showthread.php?t=260792 Images Rovoller ? http://www.webdeveloper.com/forum/showthread.php?t=260791&goto=newpost Sun, 20 May 2012 05:07:12 GMT Hello Everybody, i'm a newbie in javascript and in order to learn javascript i'm making some demo code about images rovoller. Simply when the mouse over the picture, the picture's source will change, and when the mouse out of the picture the picture will back to default. Here's my code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DOM</title>
<script type="text/javascript" src="eventhandler.js">
</script>
<script type="text/javascript">
        function ChangeBG()
        {
                this.src = "images/bg2.png";
        }
        function DefaultBG()
        {
                this.src = "images/bg1.png";
        }
</script>
</head>

<body>
        <img src="images/bg1.png" alt="home"/><br/><br/>
    <img src="images/bg1.png" alt="home"/><br/><br/>
    <img src="images/bg1.png" alt="home"/><br/><br/>
    <img src="images/bg1.png" alt="home"/><br/><br/>
    <img src="images/bg1.png" alt="home"/><br/><br/>
    <script type="text/javascript">
                var imgElems = document.getElementsByTagName("img");
                for(var i = 0; i < imgElems.length; i++)
                {
                        imgElems[i].addEventListener("mouseover",function() { ChangeBG();}, false);
                        imgElems[i].addEventListener("mouseout",function() { DefaultBG();}, false);
                }
        </script>
</body>
</html>
i tried to add a alert to 2 functions ChangeBG and DefaultBG, the alert appeared but the image didn't change.
Thank for read ! ]]> JavaScript thaihoa311 http://www.webdeveloper.com/forum/showthread.php?t=260791 Splitting a loop into two columns http://www.webdeveloper.com/forum/showthread.php?t=260790&goto=newpost Sun, 20 May 2012 04:37:46 GMT ajaxSearchCatsForFields) {]]> I have some PHP code that creates a column of drop down menus.
I would like to change it so that it breaks into two columns.
4 dropdowns go into the 1st column then the rest go into the second.

Here is the PHP as it stands now.

PHP Code:
if($config->ajaxSearchCatsForFields) {
     if(count($dropListsArray)) {
          foreach($dropListsArray as $label => $dropList) {
         echo "<tr><td class=\"sobi2eSearchLabel\">{$label}</td><td colspan=\"2\">{$dropList}</td></tr>";
        }
    }
}
]]> PHP celshader http://www.webdeveloper.com/forum/showthread.php?t=260790 Need help with iframe replacement http://www.webdeveloper.com/forum/showthread.php?t=260789&goto=newpost Sun, 20 May 2012 04:35:13 GMT Creating a new site I feel I may be going about it the wrong way by using iframes...

Yes I am new to this.

If I have two cells one with 'project names' and one with 'project images' could anyone please recommend a way that I could select a project in one cell, and its images would rotate one at a time in the other cell?

Any suggestions would be greatly appreciated. ]]> CSS tbone http://www.webdeveloper.com/forum/showthread.php?t=260789 PHP Image from Database to Filesystem http://www.webdeveloper.com/forum/showthread.php?t=260788&goto=newpost Sun, 20 May 2012 03:57:48 GMT I'm working on an assignment which has asked us to store images in a MySQL database. I'm able to store and retrieve the images but am just wondering if anyone knows how best to save that image to the filesystem once retrieved from the DB.

We need to create thumbnails and manipulate the images using GD so I just wanted to temporarily store the image in the database but am not sure how.

PHP Code:
$result = mysql_query("SELECT image FROM table WHERE id = 1") or die(mysql_error());
$row = mysql_fetch_row($result);
$image = $row[0];
The $image variable has the image which can be output using

PHP Code:
header('Content-Type: image/jpeg');
echo $image;
But I would like to save that image to a file such as myimage.jpg. If someone could point my in the right direction, I would be grateful.

Thanks! ]]> PHP MaxAvion http://www.webdeveloper.com/forum/showthread.php?t=260788 jQuery Jquery drag and drop http://www.webdeveloper.com/forum/showthread.php?t=260787&goto=newpost Sun, 20 May 2012 03:55:14 GMT Hello I have jquery script to drag and drop multiple items. But when i drop multiple items i get only value of first item. Its not catching all the items. I have updated the code in JsFiddle http://jsfiddle.net/akkiys/Hkfh2/6/ Please let me know how to solve it. Hello

I have jquery script to drag and drop multiple items. But when i drop multiple items i get only value of first item. Its not catching all the items.

I have updated the code in JsFiddle http://jsfiddle.net/akkiys/Hkfh2/6/

Please let me know how to solve it. ]]> JavaScript akkiys http://www.webdeveloper.com/forum/showthread.php?t=260787 Css Background help http://www.webdeveloper.com/forum/showthread.php?t=260786&goto=newpost Sun, 20 May 2012 03:42:15 GMT Hello,

I was wondering if there is a way to make a "resizable" css background. for example, a small top image, the middle image that gets resized, and the bottom image. I tried this myself but failed miserably. Please help! ]]> CSS ProgramPotato http://www.webdeveloper.com/forum/showthread.php?t=260786 String Comparison Question, Plz Help!! http://www.webdeveloper.com/forum/showthread.php?t=260785&goto=newpost Sun, 20 May 2012 02:03:12 GMT Hi,

I'm stuck on a javascript part in a php file.
I have two drop down lists: body_type and mileage, and when "Truck" is selected in body_type, I want the mileage drop down list to disappear, so I'm using code below. However, the if condition: $('#body_type').val() == "Truck" seems to always be false, even when "Truck" is selected and I don't understand why?!

<script type="text/javascript">
$(document).ready(function() {
$("#body_type").change(function() {
alert($('#body_type').val()); // to test if Truck is really selected
if ($('#body_type').val() == "Truck") {
$('#mileage').hide();
} else {
$('#mileage').show();
}
});
});
</script>

Could someone shed some light?

Thanks,
goly ]]> JavaScript goly http://www.webdeveloper.com/forum/showthread.php?t=260785 How to put easy changable news feed in my website. http://www.webdeveloper.com/forum/showthread.php?t=260784&goto=newpost Sat, 19 May 2012 23:15:24 GMT Hey guys,I will make website for friend,who want to have news feed,but also he want to be able to change it very easy and I don't have an idea how to do it...May u help me please! ]]> General dsman http://www.webdeveloper.com/forum/showthread.php?t=260784 How to put easy changable newsfeed. http://www.webdeveloper.com/forum/showthread.php?t=260783&goto=newpost Sat, 19 May 2012 23:12:24 GMT Hey guys,I will make website for friend,who want to have news feed,but also he want to be able to change it very easy.May you help please! Hey guys,I will make website for friend,who want to have news feed,but also he want to be able to change it very easy.May you help please! ]]> HTML dsman http://www.webdeveloper.com/forum/showthread.php?t=260783 Text in Table not wrapping in iframe... http://www.webdeveloper.com/forum/showthread.php?t=260782&goto=newpost Sat, 19 May 2012 21:26:53 GMT I move a table with four text columns that was displaying perfectly on itself into an iframe. Since then, the last column does not wrap and text is simply truncated. Browser IE9 (have not tried any other). What can I do to fix this ? Thanks. I move a table with four text columns that was displaying perfectly on itself into an iframe. Since then, the last column does not wrap and text is simply truncated.

Browser IE9 (have not tried any other).

What can I do to fix this ?

Thanks. ]]> HTML ArthurH http://www.webdeveloper.com/forum/showthread.php?t=260782 Receiving and Saving an Array of Jpegs http://www.webdeveloper.com/forum/showthread.php?t=260781&goto=newpost Sat, 19 May 2012 21:13:25 GMT I'm currently working on a project which requires me to receive an array of jpeg files from flash (via AMFPHP) and save those images individually to a folder on my server. As a beginner to PHP, I'm just not sure how to start this process (I have all of the Actionscript code on the flash end). I'd be greatly obliged if someone could point me in the right direction.

Many thanks. ]]> PHP dirk_22 http://www.webdeveloper.com/forum/showthread.php?t=260781