Need asistance in javascript
need help with java scripting .
i want to create a command for WAD thet will open my outlook for sending message with the url of the wad .
the url needs to brings the next user to same location and not to start again navigation in the wad .
i'm using bi 7 (wad , portal)
tnx
Alex Friedman
Hi
Basically, I dont know java script. Yet, i understand your need and have an idea about it.
The next user should see the exact information meaning you have to use BOokmark functionality of WAD.
If you bookmark the page then a URL will be generated with a unique 25 digit id at the end of it.
This URL can be passed to the person vial Outlook.
Iam not talking about the second part of requiement which is snding via outlook here. But, ther could be a script for that as well.
Regards
Usa
Similar Messages
-
Need help with Javascript to get value of standard report column
Hello All,
Apex version 3.1
I have a SQL Query (Updateable report) region where I need to do some validations using an OnDemand Applicaiton Process and javascript. For this validation I need to use the serial number and the item id from the same report row. The function is called when the serial number is changed. I can get the serial number easily because it is a Text field, however the item id is a standard report column (making it a text field or hidden gives me a checksum error, long story). How do I get the value for the standard report column in order to set the value for an Application item to be used in my Application Process along with the serial number? Here is my code below.
<script>
function f_ValidateSerial(pThis)
// The row in the table
var vRow = pThis.id.substr(pThis.id.indexOf('_')+1);
//alert('Row is '+vRow);
// Display the serial number
//alert('The Serial Number is '+html_GetElement('f21_'+vRow).value);
var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=ValidateSerial',0);
get.add('F101_SERIAL_NUMBER',html_GetElement('f21_'+vRow).value);
get.add('F101_INVENTORY_ITEM_ID',+html_GetElement(?????+vRow).value); // Here's where I need to get the item id to set application item!!
gReturn = get.get();
if (gReturn)
alert(gReturn);
if(gReturn)
html_GetElement('f21_'+vRow).value = '';
</script>jarola wrote:
Hi,
Ok, No standard report column do not have name attribute-
You can add one extra column to report that is your Item Id with different alias.
Then change that column Display as to "Hidden".
Now you have hidden input where is your Item Id. Than input have name and id.
Regards,
JariBut this puts me back to my initial problem. When making the column hidden I get the checksum error...
Error in mru internal routine: ORA-20001: Error in MRU: row= 0, ORA-20001: ORA-20001: Current version of data in database has changed since user initiated update process...
The item id is NOT in the table which I am updating (I use a subquery to get the data) so I think it has to be a standard report column. Hidden and Text Item (which have an item id) all generate the checksum error.
So I think I'm back to my original question. Given a standard report column on a row in a sql query (updateable report) region how do I get the value using Javascript?
Edited by: blue72TA on Aug 2, 2011 12:07 PM -
Need help with JavaScript "Galleria" gallery coding
I am trying to create a clickable gallery with the filmstrip either on the top or on left hand side for people to click to see my portfolio. I want the first photo to be auto loaded. I downloaded the javascript from;
http://galleria.aino.se/
I have the coding for;
galleria.js
galleria.classic.js
jquery.min.js
I try the basic tutorial given on the website http://galleria.aino.se/
but it seem more coding are needed.
I want the similar gallery as shown on the above website without the black void space on the side of the large photo. I do not want the Rewind and Fastforward buttons as shown on the side of the large photo (not on the thumbnail)
I have tried downloading few similer files and trying to use their html coding but there werent the full tutorial.
The coding below only shows two small photos left top of the page without the large photo either on top of them.
I dont understand much about coding. Only been doing this for like few months and still learning but i am stuck now. Much apperciated if you can help me out here with what code need to go where. Many thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="test/jquery.min.js"></script>
<script src="test/galleria.js"></script>
<script>Galleria.loadTheme('test/galleria.classic.js');</script>
<script>$('.gallery').galleria();</script>
</head>
<body>
<div class="gallery">
<a href="_images/home/Bridge.png"><img src="_images/home/Bridge.png" width="100"></a>
<a href="_images/home/Haz_Restaurant.JPG"><img src="_images/home/Haz_Restaurant.JPG" width="100"></a>
</div>
</body>
</html>Using the same files, i have found a different code where they place the tumbnails at the bottom of the slideshow rather than on the side. Here is the code;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Galleria Demo 1</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="false">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="test/galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="test/jquery.min.js"></script>
<script type="text/javascript" src="test/jquery.galleria.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
$('ul.gallery_demo').galleria({
history : true, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert : '#main_image', // the containing selector for our main image
onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
// fade in the image & caption
image.css('display','none').fadeIn(1000);
caption.css('display','none').fadeIn(1000);
// fetch the thumbnail container
var _li = thumb.parents('li');
// fade out inactive thumbnail
_li.siblings().children('img.selected').fadeTo(500,0.3);
// fade in active thumbnail
thumb.fadeTo('fast',1).addClass('selected');
// add a title for the clickable image
image.attr('title','Next image >>');
onThumb : function(thumb) { // thumbnail effects goes here
// fetch the thumbnail container
var _li = thumb.parents('li');
// if thumbnail is active, fade all the way.
var _fadeTo = _li.is('.active') ? '1' : '0.3';
// fade in the thumbnail when finnished loading
thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
// hover effects
thumb.hover(
function() { thumb.fadeTo('fast',1); },
function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
</script>
<style media="screen,projection" type="text/css">
/* BEGIN DEMO STYLE */
*{margin:0;padding:0}
body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80% /140% georgia,serif;}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img{margin-bottom:10px;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
</style>
</head>
<body>
<h1>Galleria Demo 01</h1>
<div class="demo">
<div id="main_image"></div>
<ul class="gallery_demo_unstyled">
<li><img src="test/img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
<li><img src="test/img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li>
<li class="active"><img src="test/img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
<li><img src="test/img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
<li><img src="test/img/lightning.jpg" alt="Lightning" title="Black & White"></li>
<li><img src="test/img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
<li><img src="test/img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
<li><img src="test/img/pier.jpg" alt="Pier" title="Proin erat nisi"></li>
<li><img src="test/img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li>
</ul>
<p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">« previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next »</a></p>
</div> -
Help need in Webtemplate javascript
HI Experts,
i am working on BI7webtemplate which is having more that two querys in one webtemplate. now the problem is i have to apply
filter. if i navigate from tabs to buttons and buttons to tab.
i dot know javascript any one please provide javascript code for this
my idea is:
if i click button1 javascript should copy all filter values from DP_table into DP_pool.
Now if click Button2 assign new query to DP_table.
i need javascript for this.
Thanks
DABHi,
You don't require a JavaScript for this functionality, this can be achieved using existing BI commands in BI 7.0, try to achieve using BI Commands, performance wise it is better than using JavaScript. You will also learn the benefits of the BI commands.
Cheers.
Ranga.
Message was edited by:
Ranga -
Unable to access data downloads-need to read javascript/active x
I UPDATED THE GRAPHICS DRIVER TO ENABLE DATA DOWNLOADS but I am unable to open files. The reason given was"this file requires your computer to read javascript?active x".
What more can I do? I need to access these files!!!!!Firefox doesn't do ActiveX. <br />
https://support.mozilla.com/en-US/kb/ActiveX -
I posted a little bit ago, but solved part of the problem I'm having with this javascript. I'm new to javascript and am trying my best to understand how to do it. I have a lightbox script that I'm trying to edit so that I can have a different image be the starting point of the images in the lightbox, depending on which is clicked. Currently, no matter how I change the script, I have the same starting image. I think that I don't understand the handlers completely that affect the total script. Any help understanding these would be helpful.
Here's the affected html:
<div id="content_1" class="content">
<img src="file1bottom.png" width="982" height="674" alt="Photos of Holston Room" usemap="#filmstripmap1">
<map name="filmstripmap1" >
<area id="1" shape="poly" coords="732,91,884,97,877,198,718,187" class="open_lightbox" href="#" alt="Photo_1">
<area id="2" shape="poly" coords="724,205,874,214,868,312,717,301" class="open_lightbox" href="#" alt="Photo_2">
<area id="3" shape="poly" coords="717,324,872,332,862,432,713,420" class="open_lightbox" href="#" alt="Photo_3">
<area id="4" shape="poly" coords="711,440,865,447,857,547,709,537" class="open_lightbox" href="#" alt="Photo_4">
<area id="5" shape="poly" coords="470,150,617,130,628,231,483,245" class="open_lightbox" href="#" alt="Photo_5">
<area id="6" shape="poly" coords="481,260,630,247,641,347,491,361" class="open_lightbox" href="#" alt="Photo_6">
<area id="7" shape="poly" coords="492,380,644,363,654,460,504,477" class="open_lightbox" href="#" alt="Photo_7">
</map>
<div class="lightbox-panel">
<img id="photo1" src="HolstonImages/00.jpg" class="ntt_media_file" alt="Room Photo 1"/>
<img id="photo2" src="HolstonImages/01.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 2"/>
<img id="photo3" src="HolstonImages/02.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 3"/>
<img id="photo4" src="HolstonImages/03.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 4"/>
<img id="photo5" src="HolstonImages/04.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 5"/>
<img id="photo6" src="HolstonImages/05.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 6"/>
<img id="photo7" src="HolstonImages/06.jpg" style="display:none;" class="ntt_media_file" alt="Room Photo 7"/>
<iframe width="750" height="500" style="display:none;"
class="ntt_media_file" frameborder="0" allowfullscreen></iframe>
<div class="ntt_prev_button">
<img src="fc_left_arrow.png" id="ntt_prev_media" alt="Get Previous Media Item"/>
</div>
<div class="ntt_next_button">
<img src="fc_right_arrow.png" id="ntt_next_media" alt="Get Next Media Item"/>
</div>
<div class="ntt_close_button">
<img src="ntt_close_button.png" id="close-panel" alt="Close Lightbox"/>
</div>
</div>
<div id="lightbox_background"></div>
</div>
Here is the javascript (highlighted where I'm trying to add script to change it to pull up which image I want:
$(document).ready(function(){
// When a link of class open_lightbox is clicked this function is triggered
$("#1.open_lightbox").click(function(){
// Sets the opacity for the background shadow to 85%
$("#lightbox_background").css({opacity: 0.75});
// Makes all of the hidden parts of the lightbox appear
$("#lightbox_background, .lightbox-panel, .ntt_close_button, .ntt_next_button, .ntt_prev_button").fadeIn(300);
// Gets the height and width of the first media type displayed
// Media type is a reference to any images or movies
ntt_img_height = $('.ntt_media_file:first').css('height');
ntt_img_width = $('.ntt_media_file:first').css('width');
// Changes the size of the parent div that surrounds the media on screen
// Animate will make the changes slowly for dramtic effect
$('.ntt_media_file:first').parent().animate({
height: ntt_img_height+100,
width: ntt_img_width
}, "slow");
$("#2.open_lightbox").click(function(){
$("#lightbox_background").css({opacity: 0.75});
$("#lightbox_background, .lightbox-panel .ntt_close_button, .ntt_next_button, .ntt_prev_button").fadeIn(300);
$(".ntt_media_file").is("#photo2")
// If an img is clicked on with the id of close-panel run this function
$("img#close-panel").click(function(){
// Make all the lightbox elements disappear
$("#lightbox_background, .lightbox-panel, .ntt_close_button, .ntt_next_button, .ntt_prev_button").fadeOut(300);
// When the next button is clicked it triggers a click event on
// the current image visible on the screen
$("img#ntt_next_media").click(function(){
$(".ntt_media_file:visible").trigger('click');
// Closes the lightbox if the escape key is pressed
$(document).keypress(function(e) {
// If the key pressed was escape close the lightbox
if(e.keyCode == 27)
$("#lightbox_background, .lightbox-panel").fadeOut(300);
// This event is triggered any time the user clicks on anything with a
// class of ntt_media_file.
// It cycles through the different media types from first to last
$(".ntt_media_file").click(function(){
if( $(this).next('.ntt_media_file').length == 0)
// Make all visible media disappear in the lightbox
$(".ntt_media_file:visible").toggle();
// Display the first media in the lightbox
$(".ntt_media_file:first").toggle();
// Call this to resize the div that surrounds the media
// based on the size of the media displayed
ntt_resize_div_container();
} else {
// Make all visible media disappear in the lightbox
$(".ntt_media_file:visible").toggle();
// this is a reference to the element that was clicked to trigger
// this function. This statement is causing the next media
// with the class ntt_media_file to appear
$(this).next('.ntt_media_file').toggle();
// Call this to resize the div that surrounds the media
// based on the size of the media displayed
ntt_resize_div_container();
// This event is triggered any time the user clicks on the previous
// button.
// It cycles backwards through the different media types
$(".ntt_prev_button").click(function(){
// This checks to see if a media file is available to display
if( $(".ntt_media_file:visible").prev('.ntt_media_file').length == 0)
// Make all visible media disappear in the lightbox
$(".ntt_media_file:visible").toggle();
// Display the first media in the lightbox
$(".ntt_media_file:last").toggle();
// Call this to resize the div that surrounds the media
// based on the size of the media displayed
ntt_resize_div_container();
} else {
// Get the current index value for the media shown
var ntt_current_media_shown = $(".ntt_media_file:visible").index();
// Get the index for the media that proceeds the current image
var ntt_prev_item_to_show = ntt_current_media_shown - 1;
// Toggle off all visible media in the lightbox
$(".ntt_media_file:visible").toggle();
// Toggle on the media previous to the last shown
$(".ntt_media_file").eq(ntt_prev_item_to_show).toggle();
// Call this function to resize the div based on dimensions
// of the media shown in the lightbox
ntt_resize_div_container();
// Call this function to resize the div based on dimensions
// of the media shown in the lightbox
function ntt_resize_div_container()
// Get the current height and width of the visible media in lightbox
ntt_img_height = $(".ntt_media_file:visible").css('height');
ntt_img_width = $(".ntt_media_file:visible").css('width');
// Define the margins based on the size of the image
ntt_img_margin_top = (ntt_img_height / 4);
ntt_img_margin_left = (ntt_img_width / 4);
// Target the div that surrounds the visible media (it's a div)
// Adjust the size of the parent div based on the dimensions
// of the media it contains
$(".ntt_media_file:visible").parent().animate({
height: ntt_img_height+100,
width: ntt_img_width
}, "fast");
$(".ntt_media_file:visible").parent().css({
'position': 'fixed',
'top': '22%',
'left': '22%',
'min-width': '775px',
'margin-top': ntt_img_margin_top,
'margin-left': ntt_img_margin_left
Here is the link the the uploaded script and html: www.theriveroverlook.com/Trial.htmlHi,
May be this can help:
<html>
<body>
<script language="javascript">
var num1=0;
var num2=0;
var num3=0;
function printGrade(){
var score=prompt("Enter your score","Enter your score");
if(score>81)
alert("Grade : A");
else if(score>61)
alert("Grade : B");
else if(score>41)
alert("Grade : C");
else
alert("Grade : D");
function input3Number(){
num1=prompt("Enter First Number","Enter First Number");
num2=prompt("Enter Second Number","Enter Second Number");
num3=prompt("Enter Third Number","Enter Third Number");
function returnMax(){
input3Number();
if(num1>num2){
if(num1>num3)
alert(num1);
else
alert(num3);
}else{
if(num2>num3)
alert(num2);
else
alert(num3);
function returnMin(){
input3Number();
if(num1<num2){
if(num1<num3)
alert(num1);
else
alert(num3);
}else{
if(num2<num3)
alert(num2);
else
alert(num3);
function daysInMonth(){
var monthNumber=prompt("Enter Month in Number","");
if(monthNumber==1 || monthNumber==3 || monthNumber==5 || monthNumber==7 || monthNumber==8 || monthNumber==10 || monthNumber==12)
alert("Days in Month is : 31");
else if(monthNumber==2)
alert("Days in Month is : 28/29 (Leap year)");
else
alert("Days in Month is : 30");
</script>
<input type="button" name="month1" value="Days in a Month" onclick="daysInMonth()">
<input type="button" name="B1" value="Calculate Grade" onclick="printGrade()">
<input type="button" name="max" value="Maximum number" onclick="returnMax()">
<input type="button" name="max" value="Minimum number" onclick="returnMin()">
</body>
</html> -
Need help making javascript thumbnail gallery function in javascript tab menu
Hello all,
I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work. It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab. In addition, once I click on the "gallery" tab the other tabs stop showing their content. I feel like I am missing something obvious. But I just can't figure out what. If anyone can help I would greatly appreciate it.
Thanks,
Natalie
Below is the code of my whole page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tour template</title>
<!--TABS-->
<link rel="stylesheet" type="text/css" href="MenuFader/style.css">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#tour-button").css({
opacity: 0.3
$("#gallery-button").css({
opacity: 0.3
$("#page-wrap div.button").click(function(){
$clicked = $(this);
// if the button is not already "transformed" AND is not animated
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1,
borderWidth: 5
}, 600 );
// each button div MUST have a "xx-button" and the target div must have an id "xx"
var idToLoad = $clicked.attr("id").split('-');
//we search trough the content for the visible div and we fade it out
$("#contents").find("div:visible").fadeOut("fast", function(){
//once the fade out is completed, we start to fade in the right div
$(this).parent().find("#"+idToLoad[0]).fadeIn();
//we reset the other buttons to default style
$clicked.siblings(".button").animate({
opacity: 0.5,
borderWidth: 1
}, 600 );
</script>
<!--End Tabs-->
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
#realtor panel {
width: 1000px;
body {
background-color: #282828;
margin: 0px;
.style4 {color: #A1A1A1}
-->
</style>
<!-- InstanceBeginEditable name="Gallery" -->
<title>Example tour page</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
<link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
<link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">
<!-- InstanceEndEditable -->
</head>
<!-- InstanceBeginEditable name="body" -->
<body>
<div id="realtor panel"><table width="100%" border="0">
<tr>
<td width="18%"> <div align="center"></div></td>
<td width="82%"> </td>
</tr>
</table>
</div>
<div id="page-wrap">
<div id="tour-button" class="button">
<img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
</div>
<div id="gallery-button" class="button">
<img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
</div>
<div id="info-button" class="button">
<img src="MenuFader/images/INFO.png" alt="info" class="button" />
</div>
<div id="specs-button" class="button">
<img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
</div>
<div class="clear"></div>
<div id="contents">
<div id="tour">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
<param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
<param name="quality" value="high" />
<embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
</object></noscript>
</div>
<div id="property gallery">
<div id="container">
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
<img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
<img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
<img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/apt sign.jpg" >
<img src="Gallery/images/example/Tudor thumbs/apt sign.jpg" alt="apt sign" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/entryway1.jpg" >
<img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/living room1.jpg" >
<img src="Gallery/images/example/Tudor thumbs/living1.jpg" alt="living1" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/living room2.jpg" >
<img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/living room3.jpg" >
<img src="Gallery/images/example/Tudor thumbs/living3.jpg" alt="living3" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/dining1.jpg" >
<img src="Gallery/images/example/Tudor thumbs/dining1.jpg" alt="dining1" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/Dining2.jpg" >
<img src="Gallery/images/example/Tudor thumbs/dining2.jpg" alt="dining2" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/dining3.jpg" >
<img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
<img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg" alt="kitchen1" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
<img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
<img src="Gallery/images/example/Tudor thumbs/bed1.jpg" alt="bed1" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/bedroom2.jpg">
<img src="Gallery/images/example/Tudor thumbs/bed2.jpg" alt="bed2" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
<img src="Gallery/images/example/Tudor thumbs/bed3.jpg" alt="bed3" />
</a>
</li>
<li>
<a class="thumb" href="Gallery/images/example/bathroom.jpg">
<img src="Gallery/images/example/Tudor thumbs/bath.jpg" alt="bath" />
</a>
</li>
</ul>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="info">
<p class="style4">Content for info</p>
</div>
<div id="specs">
<p class="style4">This content is for specs.</p>
</div>
</div>
</div>
<!--script for gallery-->
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '400px', 'float' : 'left'});
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 15,
preloadAhead: 10,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: '‹ Previous Photo',
nextLinkText: 'Next Photo ›',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
</script>
</body>
<!-- InstanceEndEditable -->
<!-- InstanceEnd --></html>Sure thing:
http://www.acresllc.net/TA501001.html -
I have a form for booking appointments and would like the date field to automatically fill with
today's date and to print. I have set the text field's format to "Date" and when I place the cursor into the
date field, today's date shows. It disappears as soon as I tab to the next field.
Does this action require a javascript script to fill and print today's date? If so, where do I find that?
Or is there another way to format the text field (besides typing today's date) to get the current date?
Thanks.
Ali
using iMac 2.93 GHz Intel Core 2 Duo 8 GB | OS Snow Leopard 10.6.8 | Acrobat Pro 8Thank you GKaiseril!
From the examples by Chris Dahl, I edited the script in the text field editing dialog to reflect the title I had given the field. That fixed the problem of today's date disappearing as soon as I tabbed to the next field.
How do I choose for document level or page open script? I would like it to insert the date upon opening the document.
Thanks again.
Ali
NOTE: I found the answer within Chris Dahl's tutorial... path is for Acrobat Pro 8: Advanced>Document Processing>Document Javascripts -
For the site I am working on i have been asked to do something thats a little more complex that all the CSS and DIV problems I have been posting about recently.
That said it is something which probibly hasent change since I first learnt web design back in 2004
What the client wants is for a series of images to fade into and then out of view in random parts of the screen (this can be in pre set areas which just look random the first time a person views it if nesesary) for a few seconds when a specific link is clicked on. There are several possible ways she might want it to occur
1) the loading of the next page is artificially postponed for a few seconds while the effect is displayed
2) the effect is displayed while the next page is loading (probibly not a good idea considering the speed to home internet these days)
3) the effect is displayed on the when the next page loads (but this will cause a momentary delay in the start of the effect while the page changes)
and finally number 4 the one I would most like to do if possible
4) the effect starts as soon as the link is pressed and lasts for a set amount of time, the next page loads at the same time but when the page changes on screen the effect with the pictures is not inturupted in any way - as if once launched it is not dependant on ether the starting page or the page being loaded to be visable.
Is a Javascript the way forward?
If so can anyone help me with the code for it!JSF:<h:dataTable rowClasses="trnormal" />Put it in your JavaScript:addTrOnmouseOver(); // load on every pageview
function addTrOnmouseOver() {
var datatable = document.getElementById('id_of_datatable');
var tr = datatable.getElementsByTagName('tr');
for (var i = 0; i < tr.length; i++) {
tr.onmouseover = function() {
this.className = 'trhover';
tr[i].onmouseout = function() {
this.className = 'trnormal';
And add to CSS:.trhover {
background-color: #FFF0AF;
cursor: hand;
.trnormal {
background-color: #E0E0E0; -
Need Help with Javascript for Acrobat Pro 9
Hello,
I am creating a PDF form in Adobe Acrobat Profession 9. Not having a lot of experience with Javascript, I have found this forum very helpful and have used many of the script examples for other issues I have had. I was hoping someone could help with the following script, I have tried many variations, cannot get it to work.
var ratio = this.getField("ratio").value
var concentration = this.getField("concentration").value
var result = this.getField("result").value
if(ratio.value>=50.00)
{result.value ='PASS';}
if(ratio.value".value>=40.00)
{result.value ='PASS';}
if((concentration.value ==61) && (ratio.value >= 49.25))
{result.value ='PASS';}
if((concentration.value ==61) && (ratio.value >= 39.25))
{result.value ='PASS';}
if((concentration.value ==62) && (ratio.value >= 48.50))
{result.value ='PASS';}
if((concentration.value ==62) && (ratio.value >= 38.50))
{result.value ='PASS';}
else
{result.value = 'FAIL';}
This is just a piece of the code The concentration values run from 61 through 99 and the ratio value varies for each concentration value, there is a high ratio and a low ratio. The result of this field with populate the results field with a PASS or FAIL. This is not working......any help is greatly appreciated!Thanks George. I updated the script to:
// Get a reference to the result field
var ratio = this.getField("ratio");
// Get a reference to the result field
var concentration = this.getField("concentration");
// Get a reference to the result field
var result = this.getField("result");
if(ratio.value>=50.00)
{result.value ='PASS';}
if(ratio.value >=40.00)
{result.value ='PASS';}
if((concentration.value ==61) && (ratio.value >= 49.25))
{result.value ='PASS';}
if((concentration.value ==61) && (ratio.value >= 39.25))
{result.value ='PASS';}
if((concentration.value ==62) && (ratio.value >= 48.50))
{result.value ='PASS';}
if((concentration.value ==62) && (ratio.value >= 38.50))
{result.value ='PASS';}
else
{result.value = 'FAIL';}
However, I am still getting a FAIL result even when the ratio is 50.00 or equal to the passable ratio. -
Need help with javascript for an attachment button in a pdf built in LiveCycle
what is the javascript to add an button for an attachment to a pdf
[discussion moved to LiveCycle Forms forum.]
-
Need help with javascript drop down menu
Hi,
I inherited a website that was already created. I do not know
what version of dreamweaver they created it in but I have
Dreamweaver MX 2004. I am trying to make changes to the drop down
menus. I have figured most everything else out about dreamweaver
but cant figure out how these menu's are made or can be modified. I
have gone into the main template and clicked on the menu section I
want to modify. All it shows it a link to javascript:; I have
searched everywhere for what this means or how to modify it but
can't find anything. Can someone tell me how to get to this info so
I can make changes. Thanks. My website is www.pfcal.org if that
helps.Oh boy. Templates are not for uploading. They have no effect
on the
server. They only change local files which must then be
uploaded to the
server. But - I'm troubled by this comment -
> It didnt give me an option to "save" though
When you made the changes did the template page get marked as
"dirty" (with
an asterisk beside the name)? Which DW are you using?
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
==================
"sjg23" <[email protected]> wrote in message
news:[email protected]...
> Ok. thanks. I did that but nothing changed. Here is what
I have now:
>
> <div id="MMMenuContainer1112210633_0">
> <div id="MMMenu1112210633_0"
onmouseout="MM_menuStartTimeout(100);"
> onmouseover="MM_menuResetTimeout();">
> <a href="../message_director.cfm"
id="MMMenu1112210633_0_Item_0"
> class="MMMIFVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Director's Message
> </a>
> <a href="../mission.cfm"
id="MMMenu1112210633_0_Item_1"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our Mission
> </a>
> <a href="../history.cfm"
id="MMMenu1112210633_0_Item_2"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Our History
> </a>
> <a href="../leadership_transiton.cfm"
id="MMMenu1112210633_0_Item_3"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> Leadership Transition
> </a>
> <a href="../pcl_organized.cfm"
id="MMMenu1112210633_0_Item_4"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> How PCL is Organized
> </a>
> <a href="../board_directors.cfm"
id="MMMenu1112210633_0_Item_5"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
>
Board of Directors and Officers
> </a>
> <a href="VideoNGO.cfm" id="MMMenu1112210633_0_Item_6"
> class="MMMIVStyleMMMenu1112210633_0"
>
onmouseover="MM_menuOverMenuItem('MMMenu1112210633_0');">
> See our promotional video</a>
>
> </div>
> </div>
>
> I made this change in the html code of the page
"main.dwt" which is my
> main
> template. It didnt give me an option to "save" though so
it's like it
> doesnt
> recognize that I changed anything. I saved it anyway and
uploaded but no
> change
> on the web.
> -
Just started Livecycle yesterday. Need help with Javascripting
I'm new to scripting in general, but have figured out enough to be dangerous in Acrobat. Unfortunately, Acrobat no longer fulfills the need I have for dynamic forms and I have started trying to figure out Livecycle. Is the scripting in Livecycle THAT different from Acrobat that I need to relearn the scripting I figured out in Acrobat? Below is an example. It is in a table where I am trying to determine height of instrument (HI) from the elevation (Ele) and the difference between back (BS) and fore sights (FS). Any help is greatly appreciated. Thanks!
This is the script I used in Acrobat and it worked:
if(this.getField("BSRow2").value) {
var add = this.getField("BSRow2").value + this.getField("EleRow1").value
this.getField("HIRow2").value = add;
} else {
var height = this.getField("HIRow1").value
this.getField("HIRow2").value = height;
This is the script I used in Livecycle and it doesn't
if(this.getField(BS).value) {
var add = this.getField(BS).value + this.getField(Row1.Ele).value
this.getField(this).value = add;
} else {
var height = this.getField(Row1.HI).value
this.getField(this).value = height;Hi i just started programming in java.
im running j2se 1.5.0 on windows xp
im on the subject of classes and objects.
here is my simple little code im trying to get to
compile
public class Newprog
public static void main(String[] args)
Greeter myObjectGreeter = new Greeter();
myObjectGreeter.sayHello();
}now here are the error messages i get:
--------------------Configuration:
<Default>--------------------
C:\Program Files\Java\jre1.5.0_07\lib\Newprog.java:5:
cannot find symbol
symbol : class Greeter
location: class Newprog
Greeter myObjectGreeter = new
Greeter();
^
s\Java\jre1.5.0_07\lib\Newprog.java:5: cannot find
symbol
symbol : class Greeter
location: class Newprog
Greeter myObjectGreeter = new
Greeter();
^
get this error message alot....well actually just
about everytime..
I got it working just once using texteditor but have
no clue how i did it that time...now nomatter what i
try i get this error
I have my enviornmental variable set at
path = C:\Program Files\Java\jdk1.5.0_07\bin;
i am using JCreator Le
i downloaded exact codes from websites and they still
compile with this error..
if anybody with patience could tell me what i need to
do
would i have to configure java some more with
variables?
is my installation wrong?
do i have to save the work on a different file?
thanks in advance
Well here is all that goes
As you said you were pretty new
I suspect the following error done by most of the novice programmers in JAVA
Where is the Greeter class ??
ok may be you must have defined it somewhere else
Mostly the Java Compiler hasnt found out your Greeting class
Try locating that " Greeter.java"
or mention it in an other file located in the same folder as "Newprog.java"
public class Newprog
public static void main(String[] args)
Greeter myObjectGreeter = new Greeter();
myObjectGreeter.sayHello(); -
Need a little JavaScript help with disabling a select list in a tabular frm
Hello Folks
Here's the scenario.
I have a tabular form which, subject to the setting of one Select List, I want to disable/enable another.
I have got this far and it will disable a text item but not a select list..
This is in the HTML header section for the page...
<script type="text/javascript">
function test(pThis)
var currIndex = $('select[name="'+pThis.name+'"]').index(pThis);
if (pThis.value=='2') {
$('input[name="f02"]')[currIndex].style.backgroundColor = "LightGrey";
$('input[name="f02"]')[currIndex].disabled=true;
The report region is defined as...
SELECT apex_item.text(1, ir.iot_rebate_type_id) iot_rebate_type_id
,apex_item.select_list_from_lov_xl(2,ir.rebate_currency,'LOV_CURRENCY_CODES') rebate_currency
FROM iot_rebate ir
WHERE ir.iot_agreement_id = :P303_IOT_AGREEMENT_ID
The iot_rebate_type_id column has an Column Element Attribute set to...
onchange="javascript:test(this);"
As I say, if I define the rebate currency as a text item, the javascript works fine.
Can anyone offer any suggestions?
Many thanks
Simon
Application Express 4.0.2.00.07Simon Gadd wrote:
Hi Vikram.
That's great.
I have the relevant items being set to diabled & grey (and also the reverse of this if the driving select list is changed back).
As this is being used in a Tabular form, if I am calling pre-existing records which should be displayed with two of the select lists disabled, can you point me in the right direction to show the relevent select lists as disabled when the records are returned from the database?If you are using apex_item API set the disabled property into p_attributes parameter conditionally using a case statement in you sql statement
Another option is you can use some javascript to loop through the tabular form array that runs on the onload of the page.
Finally, if some columns are disabled, this invaludates the MRU process on the page. Is there a way to submit the page with some fields in the disabled state?Do that as per Roel's suggestion for this issue.
Any input/pointers much appreciated.
Simon -
Books needed for JSP,Javascript,EJB
Hello frds,
Any one can tell me ,is there any book on jsp,javascript which is available for free download.
If any hardcopy book u know,then also let me know.
This will be great help .Plz frd do reply at [email protected] also.
NareshCORE SERVLETS and JAVASERVER PAGES (TM)
by Marty HallI've read this book cover to cover as well as bits and pieces from other books. THis is a good book and good starting point - it does however assume you are familiar with Java and HTML.
Maybe you are looking for
-
Music album shows not correctly
Hi all Since I updated my iphone5 and my ipad2 to IOS 7 I get a very strange problem regarding 1 music album. This album contains of 3 CDs with roughly 20 songs each. In my itunes I split them correctly and gave every album it's own name. CD1, CD2, C
-
L/R input partially canceling out each other?
Here's the deal I created a mono strip for each mono L/R ¼ inch input. R panned 100% right L panned 100% left I attach my equipment that plays the audio I mute the Left or the Right channel and I can hear the full audio for that channel but when both
-
AppleTV won't play movie trailers...
As per the subject, if I try viewing trailers from the rent or buy sections on Apple TV they play fine, but if I go to the movie trailers section and try to view the trailer for Avatar for example I get an error about the file type not being recognis
-
Some Itunes songs in my library do not play. How do I play them?
Many of the songs purchased and located in my Itunes library do not play. One of the common denominators with the non-playing songs is the Icloud with an arrow next to the song. I've been instructed to click on these and nothing happens. I've a
-
Why validateitem trigger ? why not use post textitem trigger
hi my self : I used when-validate-item for the amount field in the form to chek that it should be > 0; other: why using when-validate-item trigger only, i can use to place same code in Post-text-item or Post-field triggers ? myself : when-validate-it