Calling Div Info On Click?
Mar 1, 2011
Im trying to create a video gallery, with thumbnails below a main content div, which when clicked display the relevant video in the said div. This isn't a problem and I have managed to do this... However, I also need to display descriptive text (different for every video) in a seperate div, and the first video also needs to autoplay when the page is loaded (rather than waiting until the user requests a video by clicking a thumbnail)I've made an example of where Im at so far and its viewable here...
[URL]
The div 'a few lines of info about vid here' is currently just static but this is what i need to change each time a different video is requested by the user I will be using .movs but I've embedded youtube for now although I don't think that makes any difference. Im presuming it will be a case of having text that is hidden until the thumbnail is clicked...?
View 4 Replies
ADVERTISEMENT
Jul 17, 2011
I have a form button with id="submit". When pressed, ClickGeocode(credentials) is called. This works fine and dandy with: $('submit").click(ClickGeocode) Despite there being no indication that the function takes an argument 'credentials'. So when I want to call the function at some point in my code, I should be able to do something like ClickGeocode(credentials) ... no? However, my issue is that credentials isn't once defined in my code - it is part of Bing Maps function... like so:
function ClickGeocode(credentials)
{
map.getCredentials(MakeGeocodeRequest);
}
So why does it work using .click(), and how can I call the function without user interaction (simply somewhere in my code) even if 'credentials' is not defined?
View 1 Replies
View Related
Jan 4, 2011
I am retrieving data using AJAX requests then parsing the JSON response and dynamically generating the HTML markup. So far I have the following:
function retrievePeople(character) {
$.post('includes/getPeople.php', {char: character}, function(data) {
var count = data.count;
var markup = '';
var countDetails = '';
countDetails = (character == '#') ? count + " Listings Were Found." : count + " Listing(s) Beginning With The Letter '" + character + "'";
if(count == 0) markup = "No results were found.";
else {
markup = '<table class="resultsTable">';
markup += '<tr><td>Click on name to view additional information.</td><td> </td><td>' + countDetails + '</td><tr>';
for(var i = 0; i < count; i++) {
if(i % 2 == 0) {
markup += '<tr class="even">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
} else {
markup += '<tr class="odd">';
markup += '<td>' + data.people[i].FirstName + ' ' + data.people[i].LastName + '</td>';
markup += '<td>' + data.people[i].OccupationName + '</td>';
markup += '<td>' + data.people[i].Phone1 +'</td>';
markup += '</tr>';
}}
markup += '</table>';
}
$("#allPeople").html(markup);
}, "json");}
I want to add the functionality of displaying an info card (which is basically going to be a dialog box) when the user clicks on the name of some person. I'm not sure how I could keep references of each person's data or how to traverse the data.people collection from inside the click handler. Do I need to hold the data inside hidden fields? Or can I send the data.people[i] as an argument of the click handler?
View 1 Replies
View Related
May 21, 2010
Way back in the day I did some old school HTML....but after many years not touching a web page I've kind of been thrown straight into the fire with some "wish list" items I'm trying to figure out. I've done plenty of searches and somewhat have an understanding of some of the basics of what I need to do...but I'm not the least bit comfortable with Javascript (I'm just assuming that this the language most applicable to what I'm looking for - and after the experience of my one day crash course with PHP I knew I needed to turn to some experts.
Okay I have a rather large web (about 150 pages) of historical transcriptions created with XHTML (with PHP headers and footers embedded). Generally speaking, I don't much like web pages that have right-click disabled and various other protections in place.....but I'm also the sort to obsessively cite my source material and give proper credits....as a researcher who's hard work has been plagiarized and passed off as the fruits of someone else's labor, I wholly understand why many are inclined to put such walls up.
[Code]...
View 5 Replies
View Related
Oct 14, 2010
when you mouse over and click the highlighted maps it should take you to a website with more detailed maps of the highlighted region. it does not work.I copied most of this code from the latimes mapping section a while ago.They have changed their code now on their latest version.Basically this is the code that calls the url.
function click_hood(feature) {
var selectedFeature = feature;
var url = 'http://projects.latimes.com/mapping-la/neighborhoods/neighborhood/' + selectedFeature.data.slug;
[code]....
View 1 Replies
View Related
Sep 22, 2009
Bit of a newb to jquery. I have got a jquery slider effect nestled in some tabs. Each tab has one slider in it. When the page initially loads it loads the effect in the first tab only. On clicking the second tab the function isn't called and remains displayed without the effect.
[Code]...
View 1 Replies
View Related
Jul 23, 2005
In my javascript, when enter key is pressed, I want to simulate the effect
of clicking a button.
var mykey;
var posted=false;
if (window.Event){
document.captureEvents(Event.KEYDOWN);
}
document.onkeydown = myKeyDown;
function myKeyDown(e){
if (window.Event){
mykey = e.which;
}
else{
mykey = event.keyCode;
}
//alert(mykey);
var theform;
if (window.navigator.appName.toLowerCase().indexOf("netscape") > -1) {
theform = document.forms["Form1"];
}
else {
theform = document.Form1;
}
if ((mykey==13) && (posted==false) && (theform.btnSend.click))
{
posted=true;
theform.btnSend.click();
}
}
Everything works fine in IE4 to IE6. But NS behaviour is really bizzare.
Thing work as expected in NS7.
In NS6, theform.btnSend.click() does not cause form submission.
In NS4, it complains that theform.btnSend.click() does not exist (despite
having passed the if test that verifies theform.btnSend.click exists).
View 3 Replies
View Related
Aug 18, 2011
I am trying to show the time and when you click it I want it to go away. But its not working.
<script type="text/javascript">
var date=new Date();
var time=date.getHours();
[Code].....
So I dunno what im doing wrong but when I do this the page is blank.
View 4 Replies
View Related
Feb 4, 2010
I have a div on my page witch is hidden : AddSupplier, I have a button on my page witch must show the div if its not visible, but the same button saves some stuff if the div is visible.So all that is working but in this AddSupplier div there is a select box "ddSupplierTypes" and when the select box gets clicked the AddSupplierButton click event gets triggered why is this, and is there a work around?
<%@ Page Language="C#" %>
$
().
[code]....
View 1 Replies
View Related
Oct 30, 2010
which works once the page hasn't been loaded using.load $(".toggle_cat_container").hide(); How do I adapt it to work when the page is loaded with .load? I am familiar with needing to use .live on click functions.
i.e.
$("a[id^='mydiv']").click(function(e) {
needing to be changed to:
$("a[id^='mydiv]").live('click', function(e) {
My problem is that $(".toggle_cat_container").hide(); would trigger when the document was ready but when its loaded it won't trigger. What adaptation do I need? I suspect something similar to the below - just not getting it right $(".toggle_cat_container").live('onLoad', function(e) {
View 2 Replies
View Related
May 31, 2010
thats my simple source, sorry i'm a beginner... :
$(document).ready(function(){
$(".details").hide();
$(".details a")
[code]....
and thats my problem: if you click on a link (going to info.html) in the textbox ".details" and go back (via the back button in your browser) it doesnt hide the ".details"-box. how can i hide my ".details" everytime the page is loaded, even by the backbutton?
View 2 Replies
View Related
Jul 13, 2009
I cant really figure this out, the only thing i could see messing it up is the javascript:void(0) inside the anchor link but since there is a double click function and a click, it should only be one click.I put autoOpen which i think is also causing it, but i did that so theuser can open it, close it, and open it again so the delay "double click" is saying for the first time initialize and then the second click is opening?? if so how do i get around this?
HERE IS MY JQUERY
$(document).ready(function(){
$("#pro_edit_profile").hide();[code]....
HERE IS MY HTML FOR THE LINK
<a href="javascript:void(0);" id="pro_edit_pic_link" name="Change
Profile Picture">Change Profile Picture</a>
View 1 Replies
View Related
Nov 8, 2006
how do I get rid of info bar? I mean yellow bar at top that appears
whenever I load a pg that contains JavaScript code.. I have to "click
here" on bar, then when I do that I have to click "ok" in an alert, this
every time I load a pg with JavaScript code in it, it's a huge pain...
I'm a developer, am testing stuff all day long...
how do you get rid of this bar? this is on IE 7, but before that was on
IE6 and it was doing the same thing (am on XP, at home am on 2000/IE6,
IE doesn't do that at home..)
View 2 Replies
View Related
Feb 22, 2010
I'm making a fansite for a game called RuneScape and I'm a bit stuck on this part.
What I need for my website is, a page that will have the prices (min, middle, and max) of things from this [URL] or other items, which will be chosen later on.
Here are two example sites that I am wanting to ... do the same thing as them.
First Example [URL] Second Example [URL]
View 2 Replies
View Related
Jun 14, 2010
I'm experimenting with Javascript and I am making a simple site that features a grid of images and when you mouseover (I'll probably change this to mousedown) a pop-up box appears to the right with some info.This works fine when not bound within a table, but as soon as the content is in a table it refuses to move to where the link is. At the bottom of the code is an example of it outside of a table which works fine. I just would really like it to work in a table because of the more rigid structure I get from that, the content is always evenly distributed across the page, no big empty spaces. I also am deliberately trying to make the grid work for all different resolutions which is why every width/height is a %, and am hoping it can work this way too.
View 3 Replies
View Related
Jun 27, 2011
There is a checkbox on a form page, when you check it, a div will become visible with some extra inputs needed for that situation. To simulate this click on the checkbox external, I use click(). With jquery files 1.4 and lower this works properly and like expected. When using jquery library 1.4.1 or higher, something does not seem to work properly. Sooooo, the code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.min.js"></script>
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>-->
<script type="text/javascript">[code]....
Somehow I managed to get this thing 'sort of' working with 1.4.1 or higher. But the code to accomplish this is absurd. See functioncheckTheBox4Plus() on line 8. It works :) but shouldn't.. Or is it the other way around?
View 8 Replies
View Related
Aug 7, 2006
I've been Googling & can't find a consistent cross-browser (IE & Firefox) answer to this...
I need to pass some data from inside an iframe, to the parent page
I've got the parent page PAGE1.HTM which contains:
<div ID="mydata"></div>
:
<iframe src="page2.htm"></iframe>
And, inside PAGE2.HTM I will set mydata to a hard string. But in page2.htm do I do
var parent.document.mydata.innerHTML = "my data here'
or
var window.parent.document.all.mydata.innerHTML = "my data here"
or something else...??? to be cross-browser compatible (IE and Firefox mainly).
View 1 Replies
View Related
Jul 20, 2005
I've got an online system which I'm interested in making available
offline - i.e. letting the user download certain HTML forms, fill them
out offline, then the next time he logs into the site, sending all the
data he filled out to the system. However, I can't seem to come up
with a good way to do this. I thought of using cookies (that'd be
great, since the system could detect them automatically), but it seems
I can't set cookies for my server offline; it has to be from a page on
the server itself. And from what I can tell, JavaScript doesn't have
the capability to write files on a local system either. Does anyone
have any ideas about how to go about this using JavaScript?
View 1 Replies
View Related
Jul 20, 2005
How do i pass info into another website which is not mine into a popup
window.
View 2 Replies
View Related
Feb 22, 2011
I'm using an web service to retrieve information from it. I got an working plugin from here and when i push a simple button I get the information in a string.
But, now i need certain things to be shown but can't find the way how. So when i got an success function(data) i want to retrieve the info from (data). When i try some ajax coding like:
var strInfo = $(this).find("Code").Text(); When i alert the content in a string, i get absolutely nothing!
View 2 Replies
View Related
Dec 4, 2009
how can I get the href info dynamically
I have 2 different webistes, just want to show those website urls dynamically
<html>
<body>
<a href="http://www.yahoo.com" target="_blank">YAHOO</a>
<a href="http://www.Google.com" target="_blank">Google</a>
[Code].....
View 2 Replies
View Related
Dec 14, 2009
I currently have a asp.NET page which has a textbox with the ID: "txtbox1". I would like javascript to store the data entered into txtbox1 into a var. I have tried using:
var jVarName;
jVarName = '<%#aVarName%>';
but so far it hasnt worked.
View 6 Replies
View Related
Nov 1, 2011
what regular expression do i have to use to get the 2 last elements of a user agent? eg in firefox how can i get :
Mozilla/5.0 (X11; Linux i686; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
Firefox
&
7.01
?
View 2 Replies
View Related
Sep 15, 2010
Is any body here know/have information about creating a web crawler in Java Script?
View 1 Replies
View Related
Oct 24, 2009
Here is what I have. I am needing to get elements from my xml file and change them to an array.
The quotes from the xml need to go into
var arrQuote=new Array()
and the authors need to go into
var arrAuth=new Array();
var linkArray = [];
function init(){
var xmlDoc = "";
window.ActiveXObject ? xmlDoc = new ActiveXObject("Microsoft.XMLDOM")
[Code].....
View 4 Replies
View Related
Apr 24, 2004
I'm starting to focus my attention on using javascript more (initially in conjunction with css) and would like to know which version of JavaScript introduced functions such as getElementByID() and such. Recommendations for good books/sites would also be appreciated. I also would like to hear where I can find good tutorials and examples of using JS to interact with CSS. One thing I am playing on playing with is using CSS/JS with forms to help users fill in required info. Hoping to make it even more obvious the famous little red asterisks by each form field.
View 6 Replies
View Related
