The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> having hard time adding third .js to page, having hard time adding third .js to page
princeton
post Mar 24 2015, 01:13 AM
Post #1





Group: Members
Posts: 3
Joined: 23-March 15
Member No.: 22,418
i building a page that will have 3 .js plugins but i am having a hard time with the last responding like i want it too. need help badly. i'm super new at this. blink.gif
The name of the site is SBHorizons.com

I may be doing this wrong but here is the HTML, CSS, & .js. I cannot constrain the 4th .js to its div to preform properly. the last .js is a script named flipster. I have included the code in this post. I am so new at this that I'm loosing it. I got 2 of them to work compatibly but not the last. please help....

[code]<html lang="en">
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->

<meta name="robots" content="noindex">
<meta charset="utf-8">
<title>SBHorizons | A Clear Choice</title>
<meta name="description" content="A lightweight CSS3 image gallery that is pretty to look and and easy to use">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="photobox/photobox.css">
<link rel="stylesheet" href="main.css">
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]><link rel="stylesheet" href="photobox/photobox.ie.css"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<meta name="description" content="">
<meta name="viewport" content="width=365, initial-scale=1">

<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="../src/css/jquery.flipster.css">
<link rel="stylesheet" href="css/flipsternavtabs.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src='photobox/photobox.js'></script>
<style type="text/css">
<!--
.sbhorizons_4columns {
padding-left: 10px;
color: #FC9;
width: 100%;
}

body {
width:99%;
margin:0;
border:0;
overflow:hidden;
padding-top: 0;
padding-right: 3;
padding-bottom: 0;
padding-left: 0;
}

.four> div {
display:block;
width:24%;
height:50%;
float:left;
}

.col1 {
background-image: url(Untitled-1.png);
font-size: 22px;
background-repeat: no-repeat;
padding-right: 10px;
}

.col2 {
background-image: url(sbhorizons_caregiver.gif);
font-size: 16.5px;
padding-bottom: 4px;
padding-right: 16px;
background-repeat: no-repeat;
color: #000;
background-position: center;
padding-left: 8px;
}

.col3 {
font-size: 22px;
background-image: url(Untitled-1.png);
background-position: center;
background-repeat: no-repeat;
}
.col4 {
font-size: 22px;
background-image: url(Untitled-1.png);
}
.sbhorizons_more {
font-size: 12px;
padding-bottom: 4px;
padding-top: 5px;
float: right;
}
.sbhorizons_publicservicesnsantabarbara {
font-size: 12px;
padding-right: 20px;
}
-->
</style>


<link rel="stylesheet" type="text/css" href="engine1//style.css" media="screen" />
<script type="text/javascript" src="engine1//jquery.js"></script>

</head>
<body>
<div id='wrap'>
<div class='main'>
<h1>SBHorizons</h1>
<h2>For A Clear Choice</h2>
<p>As the population age 55 to 80 continues to grow SBHorizons has recognized the need for an uncomplicated website presenting a clear set of choices to help in deciding the best options for families seeking senior services in the city of Santa Barbara. SBHorizons.com is a free public service to the city of Santa Barbara that distinguishes the categories and levels of care pertaining to all aspects of senior living. In short SBHorizons.com offers a simple, more structured way to get comprehensive tools that really aid in a clearer selection process.</p>
</div>
<ul id='gallery'></ul>
</div>
<script src='main.js'></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26520680-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<ul id="demo" class="image_fader">
<li><img src="http://sbhorizons.com/img/sbhorizons_adultdaycenters" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_alzhiemers_dementia" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_assistedliving" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_healthandwellness" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_hospice" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_independentliving" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_inhomecare" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_retirementhomecommunity" alt="" title=""/></li>
<li><img src="http://sbhorizons.com/img/sbhorizons_skillednursing" alt="" title=""/></li>
</ul>
<p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="main.js"></script>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="sbhorizons_4columns">
<p> </p><section class="four">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="col1">
<p> </p>
<p align="left"><strong>Santa </strong>Barbara has a remarkable range of facilities and services to accommodate every aspect of senior living. Click here to view the list of ammenities and resources devoted totally to seniors in the city of Santa Barbara. </p>
<p align="right" class="sbhorizons_more"> </p>
</div>
<div class="col2">
<p> </p>
<p align="center">Care Givers Support United</p>
<p> </p>
<p>This regularly updated segment touches on such topics as
care giver legislation, how to best handle the physical and emotional effects of the caregiver, instruction on how to best move a loved one from one position to the next. SBHorizons support groups provide that much needed encouragement, commradery and strength for this labor of love. Care Givers Unite. ....Click here </p>
</div>
<div class="col3">
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/check_ups.jpg" alt="Check Ups" title="Check Ups" id="wows1_0"/></li>
<li><img src="data1/images/diabetic_supplies.jpg" alt="Diabetic Supplies" title="Diabetic Supplies" id="wows1_1"/></li>
<li><img src="data1/images/exercise.jpg" alt="Exercise" title="Exercise" id="wows1_2"/></li>
<li><img src="data1/images/first_aid.jpg" alt="First Aid" title="First Aid" id="wows1_3"/></li>
<li><img src="data1/images/fitness.jpg" alt="Fitness" title="Fitness" id="wows1_4"/></li>
<li><img src="data1/images/home_care_services.jpg" alt="Home Care Services" title="Home Care Services" id="wows1_5"/></li>
<li><img src="data1/images/housing.jpg" alt="Housing" title="Housing" id="wows1_6"/></li>
<li><img src="data1/images/incontinence.jpg" alt="Incontinence" title="Incontinence" id="wows1_7"/></li>
<li><img src="data1/images/medical_transport.jpg" alt="Medical Transport" title="Medical Transport" id="wows1_8"/></li>
<li><img src="data1/images/pharmacy_medications.jpg" alt="Pharmacy Medications" title="Pharmacy Medications" id="wows1_9"/></li>
<li><img src="data1/images/pressure_cuffs.jpg" alt="Pressure Cuffs" title="Pressure Cuffs" id="wows1_10"/></li>
<li><img src="data1/images/recreation.jpg" alt="Recreation" title="Recreation" id="wows1_11"/></li>
<li><img src="data1/images/rehab_therapy.jpg" alt="Rehab Therapy" title="Rehab Therapy" id="wows1_12"/></li>
<li><img src="data1/images/relocation_services.jpg" alt="Relocation Services" title="Relocation Services" id="wows1_13"/></li>
<li><img src="data1/images/shower_chairs.jpg" alt="Shower Chairs" title="Shower Chairs" id="wows1_14"/></li>
<li><img src="data1/images/specialists.jpg" alt="Specialists" title="Specialists" id="wows1_15"/></li>
<li><a href="http://wowslider.com"><img src="data1/images/travel.jpg" alt="slider" title="Travel" id="wows1_16"/></a></li>
<li><img src="data1/images/wheelchairs.jpg" alt="Wheelchairs" title="Wheelchairs" id="wows1_17"/></li>
</ul></div>
<span class="wsl"><a href="http://wowslider.com/vu">jquery carousel</a> by WOWSlider.com v6.4</span>
<a href="#" class="ws_frame"></a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1//wowslider.js"></script>
<script type="text/javascript" src="engine1//script.js"></script>
</div>
<div class="col4">
<div align="center">
<p> </p>
<p>Changing Stats Re: Seniors</p>
<div class="flipster">
<ul>
<li>
<a href="demo.html" class="Button Block">
<h1>The U.S. Census Bureau projects that the population age 85 and over could grow to 19 million by 2050</h1>
<p> </p>
</a>
</li>
<li>
<a href="demo2.html" class="Button Block">
<h1>“Baby Boomers” are those born between 1946 and 1964</h1>
<p> </p>
</a>
</li>
<li>
<a href="demo3.html" class="Button Block">
<h1>Baby Boomers started turning 65 in 2011</h1>
<p> </p>
</a>
</li>
<li>
<a href="demo4.html" class="Button Block">
<h1>By 2030 over one-fifth of the total population will be ages 65 and older. Thats one in five</h1>
<p> </p>
</a>
</li>
<li>
<a href="demo5.html" class="Button Block">
<h1>Approximately 5.1 million American elders over 65 have some kind of dementia</h1>
<p> </p>
</a>
</li>
</ul>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</section>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>Our sincere hope is to provide solid material to make your selection for a Santa Barbara senior service - tailored to your needs - just that much simpler. We look forward to seeing you here again. Thank You.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="sbhorizons_publicservicesnsantabarbara">
<h4 align="right">A Public Service To The City Of Santa Barbara </h4>
</div>
<p> </p>
</div>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
princeton   having hard time adding third .js to page   Mar 24 2015, 01:13 AM
Frederiek   Which is the 4th script? And I don't see a fli...   Mar 24 2015, 06:10 AM
princeton   Which is the 4th script? And I don't see a fl...   Mar 24 2015, 03:44 PM
Frederiek   Actually, the README.md file explains the basic se...   Mar 25 2015, 05:04 AM
princeton   Thank you....I will begin reading it now.   Mar 25 2015, 01:25 PM
Frederiek   That's what you should have done in the first ...   Mar 26 2015, 05:04 AM

« Next Oldest · Graphics, Flash and Multimedia · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 26th April 2024 - 03:20 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC