Hidden and visible div tags, transparence and links - HELP....

I am showing different products in div tags that are controlled by simple javascript. I would like to add text links to open a new div tag about the related products, but also hide the original div tag that the link is placed on.
Please check this page out
http://www.aestheticgroup.fr/New/Inex/Inex_lipoAspirationR.html
and then click on the image for
CANULES D’ASPIRATION PROXIMALE
and then click on the text link:
manche BD 300 10
You will understand my problem. I'm trying to make this div tag (Canule d’aspiration Proximale) disappear instead of having them stack one on top of the other.
Do you have an idea of how I can add multiple functions to one click (close the div tag and open a new one at the same time)?
Thank you for your help!
Sooooophie

Hi Sophie,
I downloaded your site and yes, there was a typo in the script...
The script should read...
var curOverlay = null;
function overlay( aOly) {
var el = document.getElementById(aOly);
if (curOverlay) curOverlay.style.visibility = "hidden";     // THIS LINE HAS CHANGED
if (curOverlay != el) {
    el.style.visibility = "visible";
    curOverlay = el;
else
    curOverlay = null;
I also realize that wherever you call an overlayXX function that you are currently using, you'll need to replace it with a call to overlay('overlayXX')
I needed to add this to your onclick attribute for the close button... I tested this and it seems to work for the existing page.
here are the snippets from your page that I changed
      <div id="Groups02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','images/LipoReutilisable02B.jpg',1)"><img src="images/LipoReutilisable02.jpg" name="Image21" width="170" height="120" border="0" id="Image21" /></a>
        <p>CANULES D’ASPIRATION <br />
        UN ORIFICE</p>
      </div>
and for the close button:
   <div id="close02"><a href='#' onclick='overlay("overlay02")' onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image43','','images/close.jpg',1)"><img src="images/close02.jpg" name="Image43" width="72" height="20" border="0" id="Image43" /></a></div>
You'll need to change this wherever you reference each overlay, in this case, it was for overlay02. The good news is you'll only need this function and not one function per overlay as you have now.
As I said in the previous post, I am off on vacation for a little over a week.
Good Luck!

Similar Messages

Difference betwen AP div and normal div tags

Hi,
I am New to CSS, well i know a little theory about but now is
the first time iam going to do a complete project with it. I want
some general relfexions from experienced users:
- When do you use AP div tags and when not?
- Which is the best normal div tags or AP divs?
Thank you

"mballom3" <[email protected]> wrote in
message
news:ggj2v7$t5f$[email protected]..
> Hi,
>
> I am New to CSS, well i know a little theory about but
now is the first
> time
> iam going to do a complete project with it. I want some
general relfexions
> from
> experienced users:
>
> - When do you use AP div tags and when not?
> - Which is the best normal div tags or AP divs?
AP = absolutely positioned.
Here's a demo of the various types of positioning in action:
http://www.great-web-sights.com/g_layersdemo.asp
and here's a little bit of explanation:
http://www.pactumweb.com/tutorials/css-p.php
The short of it is that absolute positioning looks really
tempting to those
who think their sites should be pixel-precise... but there
are far too many
sharks in the water if you don't know what you're doing. I
certainly
wouldn't recommend starting there; AP is a useful tool when
used
knowledgeably and sparingly. It is much wiser to start off my
learning how
to use floats.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com

HTML or PHP visibility div tag problem in IE

Hi,
I have a PHP search function on a travel site a programmer
did for me. When you look at it in FF and Safari, it looks fine.
But in IE, there is a big blank space where the calendar function
goes. He has the div tag set to visibility:hidden. Any ideas how to
make it look right in IE as well?? Any help would be appreciated!
The PHP code is below:
He thinks the problem is here in this part of the code:
<div id="kalendar" style="visibility:hidden; width:0px;
height:0px; border:0;">
//then goes some tables
</div>
Any help would be much appreciated...we are stumped!
Thanks

>
http://www.bluehippotravel.com/surfingvacations
404 on that link.
> Does this tell you anything?
Unfortunately, yes. The person who coded this has no sense of
best practice
in HTML authoring....
I'd like to see the page in the wild if I could - can you
investigate the
404, please?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Lvanhoff" <[email protected]> wrote in
message
news:[email protected]...
> Murray,
> As always you are a genius :-)
>
> The only problem I still have, and only in IE, not FF,
is that the drop
> down
> menus are cutting part of themselves off...any idea why?
>
http://www.bluehippotravel.com/surfingvacations
> Top left...see how the arrows are cut off on the drop
downs?
>
> Not sure if its ok to post to page??
>
> I didn't do this part of the page...so not sure how it
was done...
> Does this tell you anything?
>
> <table bgcolor="#f7ebb3" class="search"
style="table-layout: fixed;
> padding:0px" border="0">
> <tr><td colspan="4" width="auto">
> <select size="1" class="search" id="country"
> onchange="javascript:listajzemlje(this.value)">
> <?php
> drzave();
> ?>
> </select>
> </td></tr>
> <tr><td colspan="4" width="auto">
> <div id="state1">
> <input type="hidden" id="state" value="" >
> <input type="hidden" id="city" value="" >
>
> </div></td></tr>
> <tr>
>
>
> <td colspan="4" width="auto">
> <input class="search" id="hotel" name="hotel" value="
Hotel name
> (optional)" />
>
>
>
> <tr><td colspan="4" style="cursor:pointer;"
onClick="showKalendar()"
> class="search" >
>
> <img class="search"
src="images/btn-hotelmenu-searchbydate.jpg"
> alt="Search by
> date (optional) ">
> </td></tr>
> <tr><td colspan="4">
> <div id="kalendar" style="display:none; width:0px;
height:0px;
> border:0;layout:fixed">
>
> <table border="0" class="submenucolor" align="center"
width="auto">
>
> <tr>
> <td></td><td></td>
> <td class="HotelSearchMenu" colspan="2"
align="right">In:<?
> $aCalendarParams=array(
> "sIconPath" => "./img/calendar.png",
> "iAction" => 1, //0=>reloadCurrentPage with get
param sDate,
> 1=>fill
> field sFieldName
> "sFieldName" => "DPC_date1",
> "iStyle" => 1, //0=>display calendar,
1=>display div on icon
> click
> "aMonthNames" => $aMonthNames["EN"],
> "aDaysNames" => $aDaysNames["EN"],
> "sDateFormat" => $sDateFormat["EN"]
>
> );
> new oCalendarPicker("calFixe1",$sDate,$aCalendarParams);
> ?></td>
>
>
>
>
>
> </tr>
>
>
> Thanks!
>

Modes and Methods in Tag Query and SQL Query

Hi,
Can someone explain me about the modes available in <b>TAG Query and SQL Query.</b>
TAG Query has modes such as <b>Current, CurrentWrite, GroupList, History, HistoryEvent, ModeList, Statistics and TagList</b>
SQL Query i still have doubt on <b>FixedQuery with output , Modelist and TableList</b>
I also need to know why methods are used?
Thanks in advance
Regards
Muzammil

I'll try to explain to the best of my knowledge :
<u><b>TagQuery</b></u>
<b>Current</b> : Gives you the current value of the Tag you are reading.
<b>CurrentWrite</b> : Let you write a Value as the Current Value of the Tag.
<b>GroupList</b> : Generally Tags are grouped under different groups. Returns you the name of the Groups.
<b>From the xMII Help Document :</b>
<b>History</b> : History Mode returns interpolated data. Interpolation can be accomplished by specifying either the # of rows desired or the retrieval resolution. If the mode is "History" and a value is provided for the Resolution parameter (which is in seconds), the connector will retrieve evenly-spaced values starting at the beginning of the time interval, up to the maximum # of rows specified in the RowCount parameter. If no value is provided for the Resolution parameter, the connector will return an evenly-spaced number of values based on the value of the RowCount parameter.
For example, if the time interval is 1 hour, Resolution is 15, and RowCount is 240, the connector will return evenly spaced values each 15 seconds, up to 240 values (which would span the entire hour).
If the time interval is 1 hour, Resolution is not provided or is set to zero, and RowCount is 120, the connector would return 120 evenly spaced values, at an effective interval of 30 seconds.
<b>HistoryEvent Mode</b> : The connector can provide historical values "as they were stored" the database. This mode provides no interpolation of values.
<b>Statistics Mode</b> : When retrieving data for statistical calculations, the connector utilizes the same techniques as in the "HistoryEvent" mode. It is important to note that the first two returning columns in the HistoryEvent query must be the timestamp and the value, in that order. The SAP xMII Statistical processor expects that order, or errors will occur. This ensures precision of statistical measurements, particularly time-weighted average, by using the exact storage time and values from the historical database. The SAP xMII system provides the statistical calculations.
<b>Modelist</b> : Basically returns the modes of the Query Available. The Data returned is same as the data in the Modes list in the Quert Template Editor.
<b>Taglist</b> : Returns all the Tags in the Datasource.
<u><b>SQL Query</b></u>
<b>Modelist</b> : Same as above.
<b>TableList</b> : List of all the tables in the database to which the connector connects.
Again from SAP xMII Help Documentation :
<b>FixedQueryWithOutput</b> : This mode is used to execute an Oracle stored procedure or function that returns a REF CURSOR as output. The position of the REF CURSOR is marked by a "?" in the query. For example:
<b>Create a table.</b>
<i>create table usage (id int, name varchar(50));
insert into usage (id, name) values (1, 'test1');
insert into usage (id, name) values (2, 'test2');
insert into usage (id, name) values (3, 'test3');
insert into usage (id, name) values (4, 'test4');
insert into usage (id, name) values (5, 'test5');
insert into usage (id, name) values (6, 'test6');
insert into usage (id, name) values (7, 'test7');
insert into usage (id, name) values (8, 'test8');</i>
<b>Define the stored procedure.</b>
<i>DROP PACKAGE foopkg;
CREATE PACKAGE foopkg IS
TYPE cursortype is ref cursor;
PROCEDURE test (mycursor in out cursortype);
END foopkg;
CREATE PACKAGE BODY foopkg IS
PROCEDURE test (mycursor in out cursortype) AS
BEGIN
open mycursor for select * from usage;
END;
END foopkg;
</i>
Define a query template for calling the stored procedure. Enter the following in the FixedQuery tab:
<b>call foopkg.test(?)</b>
This template returns all rows from the Usage table.

Getting parameters from text and file input tag. . canyou help me ?

Hello!
Is there anyway of getting parameters from an
text field input in a form like :
<form name="signinForm" method="post" action="uploadFile.jsp" enctype="multipart/form-data" >Actually I would like to insert the parameters and make the upload of an file
on the same form. It is something likethis :
Form.jsp
<form name="signinForm" method="post" action="uploadFile.jsp" enctype="multipart/form-data" >
<input type="text" id="name" name="signinName" />
<input name="signinFile" id="fileUp" type="file" />
<input type="submit" id="submit_btn" name="signinSubmit"/>uploadingFile.jsp
<%@ page import="java.io.*,javax.servlet.http.HttpServletRequest,javax.servlet.ServletInputStream" %>
<%@ page import="java.io.FileWriter,java.io.IOException" %>
<%
.//upload the file
String email = request.getParameter("signinName").trim(); //this line is bringing me an NullPointerException
%>Thanks in advance for any suggestion!!
All the best!

You cannot use the HttpServletRequest object to retrieve parameters from a multipart form. You'll have to use a package that can parse such a form. I suggest Apache commons FileUpload.
http://jakarta.apache.org/commons/fileupload/
Using this package you can get both the file upload and any other parameters.

Can run no apps on 3G unit and see no media - error logfile linked - help

After a crash in Mobile Safari, I my iPhone 3G saw no songs, videos, podcasts on the device any longer and no 3rd party apps would run.
I restored several times (factory restore) to no avail. Went to Apple and they gave me a new phone. As soon as I synced it - in the same boat. No 3rd party apps run and I see no media on the device despite sync.
See my error longs from OS X console:
http://blakespot.com/iphonesyncerrors.txt
The repeated error within is:
8/19/08 8:02:01 AM [0x0-0x25025].com.apple.iTunes[280] MobileDevice: AMDeviceCopyValue: There was an error getting the value from lockdown
8/19/08 8:03:59 AM [0x0-0x25025].com.apple.iTunes[280] MobileDevice: AMDeviceCopyValue: There was an error getting the value from lockdown
8/19/08 8:04:50 AM [0x0-0x25025].com.apple.iTunes[280] MobileDevice: AMDeviceCopyValue: There was an error getting the value from lockdown
What must I do to rectify this situation. Obviously somehing on the iTunes side is corrupted, I assume due to the first sync after that massive Safari crash on the device.
I can't be the only one that's experienced this, right?
blakespot
Message was edited by: blakespot

I've been having this problem for over a week, and I believe after much reading about it that the problem is iTunes 7.7.1. Last night I downgraded to iTunes 7.7 and so far so good. The issue seems to be with some bug in iTunes 7.7.1 DRM checking. Upgrading to FW 2.0.2 (which I have not done yet) seems to be a quick way to trigger that bug. There are tons of threads, but here's a summary thread:
http://discussions.apple.com/thread.jspa?threadID=1660986

Names of DIV tags

Hi there and thanx for your help.
Just want know:
Can <div> tags (id and class) have number as name? For instance: <div id="12345">
I have a script for disjointed rollovers. The moment I name the div tags exactly as the name of the product, something like li#1234 then my script does not work, but the moment I change it to test, everything works 100%. The 7 products I need to show, all have numbers.
I will appreciate any direction in this matter.
Regards,
Deon

Excellent.
Thank you for the reply. It took me ±5 hours to have this fix.
Thanx for your help/
Deon

Trying to get content to fit better within a div tag

I've got a couple sliced up jpgs placed within a couple div tags (boxes) and aren't sure how to improve the fit. There's excess space vertically and it's not quite centered horizontally.
Here's the page: http://doughertyautomotive.com/New_Site/index.html
Thanks.

First off, from your post, we don't know which "couple of div tags" concern you. In Firefox, I did notice some elements not aligned with others that I am presuming are supposed to square up, but without a specific example it would be a waste of time to review your code in detail. Hazarding a guess, I'd say that you have assigned widths and heights to the jpegs that make them larger than the container you put them in. So you're just going to have to comb through all of your CSS and double check any assigned widths and heights of elements. It's also possible that you've added a CSS style which conflicts with one in the Project 7 style sheets. And for troubleshooting the Project 7 app, you need to go to its web forum.
Chris
www.cdeatherage.net

Image Map in a div tag causing problems in webpage

I have an image map in a div tag (I'm using Dreamweaver so
I've place hot spots on a gif within a div tag). When I preview in
a browser the hot spots are creating an empty space between the
image and the div tag below it, which there shouldn't be. Prior to
this I had done the same thing but using layers instead of div tags
and it was fine... there was no unwanted space. What am I doing
wrong?

Hi lauren,
I tried to replicate the above mentioned issue, but did not get the <div> around the image in Webhelp output. Would it be possible for you to provide more information on this:
At what point does the <div> start appearing around the image, as soon as the CBT expression is applied?
If yes, what is the expression?
What happens when expression is set to None again and individual CBT is under application
Is there a spacing or the CBT text just follows the inline image?
Please send us a sample file for the same, if possible. Thanks!
Amit

Re-positioning div tags

I am grappling with div tags - I am a newbie and have created an experimental web page. However all was good until I started to add a spry menu. the right container moved and I cannot figure out how to get it to move left. I tried the positioning properties but could not get it to budge! Can anyone help. I only have 2 div tags "left_column" and "right_column" plus the container The page is here
http://web.me.com/suethomo/Site2/Index.html
This is how it used to look before I mucked around with the spry menu
http://web.me.com/suethomo/Site2a/Index.html
Thanks

You didn't close the left_column so the right column is in the left column. Add </div> before <div id="right_column">

Working with div tags

This question was posted in response to the following article: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7deda.h tml

Hi Nancy, thanks for your reply.
Please let me point this out.
I know and agree about best practices for coding, and as you mention, Inline styles should be avoided, except ... etc.
The exceptions are and should be each ones criteria and situation, not the thinking of dreamweavers authors or programers.
If you please, see their own training video in ....
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
you will see, in minute 7:39 why they have to use the code view and that is because dreamweaver's programers.
Same thing happens, for example with me
I have a DIV tag, inside and IMG tag which the DW programer insists enclose it in P tags
why?
That is his idea of coding, not mine.
They recognize that, and to mee, they should change the policy on dreamweaver to let the programer design and code as he wants, not like they want or think is best practice.

How do i center a div tag using css?

I am trying to learn css layout.
Starting with a blank page, I insert a couple of AP div tags and locate them where i want.
When i preveiw them in a browser, i notice that they are left justified. This is what i expect as they are Absolute positioned.
I would like them to be centered as a group. Creating a layout and centerring it on the browser window seems like a basic task.
I tried to add a div tag wrapper and center that but i cannot find where in the css panel is there any reference to center.
seems simple enough, im stumped.
Thanks
Jerry
P.S. I know as soon as i post this, i'll find the answer.

>>I tried to add a div tag wrapper and center that but i cannot find where in the css panel is there any reference to center.
Yeah that is the right approach and you can center by using following style:
#wrapper{
margin:0 auto;
Your ap divs will then absolutely position themselves within this wrapper div which acts as parent.
Regards,
Vinay

Div tags and text decorations

Hello,
Is there a way to control the a:link text decoration/color within a div tag? It seems as thought the Page Props is the only place, hence controlling everything on the page.
Thank you!!!!!!

Okay so I go to a doctor's aqppointment and look at all the action on this thread.
Just to flesh this out a bit more.
I'd only add one other thing you may not be aware of (not you Murray, rather Esther). You can also have links appear different based on the part of the page they are on. If you have a div, as one example, on the page, you can style all the links in that div, to which you have applied an id="oneID" thusly:
div#oneID a:link {
     color:red;
     text-decoration:none;
     border-bottom: dotted 1px green;
and in another part of the page, say in an unordered list with an id="anotherID":
ul#anotherID a:link{
     color:blue;
     text-decoration:overline;
And of course Murray, you were correct, as usual, in divining the OP's query.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

How to Include More Than One Font and Font Color Within a Fluid Grid Div Tag?

Using CSS code, I can make all the words within a fluid grid div tag the same font, font size, and font color, but how do I make a few of the words different?

You can style the basic text and heading selectors with CSS:
p { }
h1 { }
h2 { }
h3 { }
h4 { }
etc...
And you can make classes:
.red {color:red}
.highlight {background-color:yellow}
Then apply classes to your text or sections of it using the HTML properties panel.
<div>
     <p>This is a default paragraph style.</p>
     <p class="red">This is red.</p>
     <p class="highlight">This is highlighted.</p>
     <p>Default style with <span class="red highlight">red, highlighted text</span> and normal text.</p>
</div>
Incidentally, this will work in any layout.
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Nancy O.

Can you place an image in a div tag and then add type over top of it?

I told someone in class lastweek that I wanted to be able to
place type over an image. They said you can just add the image into
the div tag as a background image, which will allow you to then
type over it if you like. How is this done? I have tried and
failed. I have an image that is 200x590 going down the left side of
my page. I want to run type over it, and keep the image consistent
on every page, but change the header and type. I've seen this in
several sites. How do you do this with the div tag box model method
of building a page. Can I insert an image into the div and then run
type over it. What does the code look like?

Here's an example of using a css and a background image to a
table cell...
sample principle for a div
#div {styles go here{
http://tinyurl.com/yqeptp
You may also want to go through the beginner css tutorials at
the Adobe
site:
http://www.adobe.com/devnet/dreamweaver/css.html
(pay attention to the ones
by Adrian), beginner moving onto to creating full css
layouts.
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Forum Posting Guidelines:
http://www.adobe.com/support/forums/guidelines.html
>I told someone in class lastweek that I wanted to be able
to place type
>over an
> image. They said you can just add the image into the div
tag as a
> background
> image, which will allow you to then type over it if you
like. How is this
> done?
> I have tried and failed. I have an image that is 200x590
going down the
> left
> side of my page. I want to run type over it, and keep
the image consistent
> on
> every page, but change the header and type. I've seen
this in several
> sites.
> How do you do this with the div tag box model method of
building a page.
> Can I
> insert an image into the div and then run type over it.
What does the code
> look
> like?
>

Hidden and visible div tags, transparence and links - HELP....

Similar Messages

Maybe you are looking for