Response title
This is preview!
- Screen name: pdxsherpa
pdxsherpa's Profile
14 Posts
18 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Hello, using Jquery ui on this page for the tabs.I notice that when I double click on a tab the content w/in the tab just vanishes.How do I fix that please?Thx
- Hi.Have been playing w/retrieving and adding content to the DOM. For example get the text from a .text and adding it to divs using .load.I'd like next to retrieve images and add one image per <p> to a divSo if they div had three paragraphs the code should add an image each.orsimply retrieve each image and list them all in one divs.so far i only managed to do it one at the time
- $("#ct0").append('<img id="sidbarImg" class="sidebarImg" src="imgs/coding-arts-rwd.jpg" />');
orI'd like to be able to iterate through the image folder. And get a list of all the imges there. Been googling for a while w/not much luck.Thank youD- Hello all. First time trying query mobile, using it on my wp theme.After enabling jquery mobile i now have a large blank space with the text "loading" below the footer.
I have already google for this issue and the solution of addingdata-position="fixed" data-fullscreen="true"to the header and footer did not work.the site is at http://agileart.us/Could i please have some advice on how to solve this?addendum:it seems to me that possibly one of the issues is that jqm is preventing this
Failed to load resource: net::ERR_FAILEDXHR failed loading: GET "chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js".
Thank youDLM- Hello all looked up google, this forum but could not find a solution. Hope i can get some advice.i have several divs.i'd like to only open one at the time.this is my html and i have several, up to ten such sections on my page.
- <div class="detailList">
-
- <div class="detail intel">
- <div class="item-content"><p>Procesador: Intel® Atom™</p></div>
- </div>
- <div class="detail monitor">
- <div class="item-content"><p>Pantalla: 7"</p></div>
- </div>
- <div class="detail os">
- <div class="item-content"><p>Sistema operativo: Android* 4.4, KitKat</p></div>
- </div>
- <div class="detail memory">
- <div class="item-content"><p>Memoria RAM: 1 GB</p></div>
- </div>
- <div class="detail hd">
- <div class="item-content"><p>Almacenamiento: 16 GB eMMC</p></div>
- </div>
-
- </div> <!-- end detail list -->
This is the js- (function($){
-
-
- $( function() {
-
- var $container = $('.detailList').masonry({
- columnWidth: 2
- });
-
- $container.on( 'click', '.item-content', function() {
- $( this ).parent('.detail').toggleClass('is-expanded');
- $container.masonry();
- });
- });
-
- })($.noConflict(true));
How could i make this work so that only one of the 'item-conent' divs opens at one time?thank youD- 13-Jul-2013 12:43 AM
- Forum: Getting Started
Hello.
I have a div w/an image.
when the user resized the brower I'd like to have that image change to a smaller one.
I know i can use the css @ media query for background images/css but is there a way to do that for the images placed in the html's divs?
thank you
D- 14-Jun-2013 06:20 PM
- Forum: Using jQuery
If anyone here knows how/where, could you point me to a tutorial on this please
here is kind what I am trying to achieve
http://www.manpower.com/ on the main page when you hover on one of the face the images expands one side or the other
and this:
http://www.youtube.com/watch?v=970_2Vbi37E
currently the tutorials i have found just deal with the older sliders that a series of images along.
thx
D- have two images. I'd like to have them next to each other and then clicking on hide/show/toggle will of course, hide show toggle them.
works in chrome, works in ff. craps out in IE. but it was my impression that jquery would work in IE?
could I please get some advice on making this work in IE?
this is my code
html...- <div class="row-fluid">
<div class="span12">
<div id="theDivLeft" class="span6 offset4">
<img src="imgs/seekerTestSml.jpg">
</div>
<div id="theDivRight" class="span6">
<img src="imgs/clientTestSml.jpg">
</div>
<div class="span12">
<button id="show">show</button>
<button id="hide">hide</button>
<button id="toggle">toggle</button>
</div>
</div>
</div>
and juery- $(function(){
$("#show").click(function(){
$("#theDivLeft").show(3000, function(){
alert("done with that");
});
});
$("#hide").click(function(){
$("#theDivLeft").hide("normal");
});
$("#toggle").click(function(){
$("#theDivleft").show("slow");
});
});
- Hi all was following a tutorial where jquery was ussed to append an image to a link
so for example I have
in the html:- <ul id="list2">
- <li class="a"><a href="www.google.com"> google</a></li>
- <li class="b"><a href="imgs/logoPH.jpg"> a jpg</a></li>
- <li class="a"><a href="imgs/v2.0_L2_Technology_expanded_dlm01.png"> a png</a></li>
- <li class="c"><a href="apdf.pdf"> item 04</a></li>
- <li class="b"><a href="#anchor1"> anchor link</a></li>
- <li class="c"><a href="apdf.pdf"> item 04</a></li>
- </ul>
and in jquery- $("document").ready(function(){
- $("a[href$=.pdf]").after("<img src='imgs/smlIcon.jpg' align='absbottom' />");
- $("a[href$=.com]").after("<img src='imgs/smlIcon02.jpg' align='absbottom' />");
- });
it did say for jquery 1.5 & later to use ' instead of " around the.pdf string. i tried that but it did not work.
could I please get some advice on how to make this work?
thank you.- Hello all. this is what I have in my head section.
<!-- jquery -->
<script src="js/jquery-1.10.1.js"></script>
<script src="js/myJs.js"></script>
and also tried putting the second script, the js/myJs.js below the footer.
(wich is better btw?)
the folder that holds the index.php & style.css hold the js folder w/the js files in it.
It should all work. but the script won't link or work unless it is typed directly into the head section of the index.php file.
bit baffled.- 28-May-2013 10:49 AM
- Forum: Using jQuery
Hello all:
Created a main tester page. http://www.danielamorescalchi.com/coreCorp/index.php#
The jquery function uses slideToggle to open/close the footer. At the bottom right corner there is a button (orange w/star(for now)) so if the user clicks on it the footer comes up. It works but it disrupts the rest of the layout. How do I change this so the footer slides up w/out everything else moving?
I thought at first of changing the height of the core of the page (the wrap)and the position of the wrap's background image (no dice) or giving the footer a dif z-index. (doubt it)
Can you folks advise on how to fix it or point me to a good tutorial? Thx D
- I have done this tutorial over four times today.
see nothing wrong, would a local expert please take a look and tell me where I am off?
Thank you!- <!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>slideTest</title>
<style type="text/css">
.slider {
height: 300px;
width: 500px;
overflow: hidden;
background-image: url(slider/logoSlider.png);
background-repeat: no-repeat;
background-position: center center;
}
.slider img {
height: 300px;
width: 500px;
display: none;
margin: 0px;
padding: 0px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"> </script>
<script type="text/javascript" >
function slider (){
$(".slider#1").show("fade",500);
$(".slider#1").delay(5500).hide("slide",{direction: 'left'},500);
var sc=$(".slider img").size();
var count=2;
setInterval (function(){
$(".slider#"+count).show("slide",{direction: 'right'},500);
$(".slider#"+count).delay(5500).hide("slide",{direction: 'left'},500);
if (count == sc){
count =1}else{
count = count +1;
}
},6500);
}
</script>
</head>
<body onload="slider();">
<div class="slider">
<img id="1" src="slider/img01a.jpg" alt="rescueImg01" />
<img id="2" src="slider/img01.jpg" />
<img id="3"src="slider/img02.jpg" />
<img id="4" src="slider/img03.jpg" />
<img id="5"src="slider/img04.jpg" />
</div>
</body>
</html>
- how does a person know what version to use of jquery. and what is jquery-ui?
I just saw a tutorial about creating a tsunami effect on some links w/jquery & jquery-ui.
some of the commenter said it was no longer a valid tutorial as it was not longer part of UI.
so...how do you know when to even use jquery?
what is the best way to learn it?
Any advice appreciated. I feel a bit over whelmed as I am trying to figure out javascript.
thanks in advance.
D- 19-Oct-2011 01:20 PM
- Forum: Using jQuery
The question is, what protections are there for HTML 5 apps to secure IP and encourage developers to create HTML 5 applications without risking exposing all of their source code?
thanks in advance to anyone who'd share their knowledge or experience on this.- Can I put my javascript code in the jquery file?
Thank you all
dlm
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <div class="row-fluid">
© 2013 jQuery Foundation
Sponsored by
and others.