custom video thumbnails - is this possible with jquery?
hi there im about to embark on a (wordpress based) website for our film company. we host our videos on youtube and vimeo, and i want to make custom thumbnails for the embeded video - for example a themed picture depending on what type of content in the video. an example of what i want to do can be found when clicking play on the video's that are here on this site any help or guidance would be greatly appreciated.
jQuery and JSLint
Many days ago I used to write subroutines in assembly language for the Commodore Computer. You could call these subs much the same as a function in JavaScript. I had a very large library of these subs but I did not enter the whole library. With only 64k of memory, it was not possible! Today memory is not a big concern. As a webmaster, memory now means download speed. Again the size of a file becomes important. While learning JavaScript I became aware of jQuery and I remembered the “good old days”.
Dialog- elements with "absolute" positioning overflow!
How come when I make a button that's "absolute" position, My dialog overflows and I get the vertical scroll bar if I move the button out of place? I thought it would re size the height accordingly but it doesn't. <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("#ui-information-dialog").dialog({ width: 'auto', //autoResize: 'auto' }); $("button").button(); }); </script>
code doesn't work in FireFox?
Hi, So far I've been using this code: <body OnLoad="javascript:document.getElementById('f').submit();"> to retrieve user information when loading a page. It has been working fine in IE for years, but now I also need it to work in FireFox. Unfortunately, in FF the page simply stops, and nothing is shown... What is wrong with this code? Or is there a way to do the same thing using Jquery? Kind regards, Thomas (Belgium)
wrap() and children()
Hello, I am having trouble using these methods. Can someone please help? here is my code and question: First, does anyone know why the wrap method doesn't work with the child selector? the wrapInner is okay with this so I thought it was strange that this wasn't... var add_li = document.createElement('li'); $('table.nestedLayoutTable > tr').wrap(add_li); I also tried using the jquery children method: $('table.nestedLayoutTable').children(add_li); and/or $('table.nestedLayoutTable').children().addClass('survey_list');
ie bugging out. any ideas?
hi I'm working on some jquery http://www.paulbunker.plus.com/fadPanslides2.html It works like a dream in ff and chrome but ie is a pain I have no idea why. any ideas? Thanks for taking the time to have a look :) -Paul <style type="text/css"> .link { color:red; font-size: 24px; text-transform: uppercase; text-decoration: none; word-spacing: 20px; } .link:hover { color:#000; } .content { position: absolute; visibility: hidden; top: 40px; background: #099; height: 300px; width: 300px; border: 2px solid
new to forum - how does it work?
Are questions reviewed and approved before posting? How long does that process take?
underline
There's something different to use the underline? For example, in some variable: var _myvar; or a function: function _myfunction() {} What she's so important?
Problem with FadeIn
I'm trying to use FadeIn () without any default event but does not work! http://jsfiddle.net/j5BQZ/3/
Need help can't fade on galley main pic
Hi, I still can't find a way to fade in/out on my main gallery pic. It seems pic is loaded before the fades start ... really need a solution .. gallery there: http://sedgene.free.fr/index.php?page=gallery Thanks
Ajax problems with return data from web service
When I am calling a web service through an ajax function, at a certain size the string that I am trying to return is never returned and the success or error function is never called. The code I am using is listed below. On the web service, if I set i in the for block to loop to i < 500 everything works fine, if I increase the number of times to loop to i < 5000, I never get a success or error message back. I am using IE 8.0 and jquery 1.5. The jquery code I am using is listed below: <script
Simple Question , can i use here a array ?
Hi Guys im just Started to use jquery and this Stuff , I have 10 functions there are the same just a Number is changed ! #imgbutton1-10 #DIV1-10 can i use here a array and how ? <script type="text/javascript"> $(document).ready(function(){$('#imgbutton1').click(function() { $('#DIV1').show('slow'); return false;}); });</script> <script type="text/javascript"> $(document).ready(function(){$('#imgbutton2').click(function() { $('#DIV2').show('slow'); return false;}); });</script>
jquery grid columnsizing
I want to use jquery grid column sizing here the url http://www.ita.es/jquery/jquery.grid.columnSizing.htm this example shows this plugin needs table class attribute jquery_columnSizing in my case I cannot use this class for my tables , I have my own class for all my tables. my class has heavy css declaration I am wondering if I can use this plugin just by id of my table?Please help me
ajax , .before and button problem
Hello, i have a div where i store some status updates plus i have i have a textbox with a button where i type something and on button click (using ajax) i show what i typed before my div which works great , inside the div with the info i wrote i have a delete button which shows great on hover... at first it is in display:none; mode so on hover i show() it ..when it shows what i typed i cant see the button on hover and i have to refresh to see it.. i guess its because the page has not refreshed to
merge an empty <a> with text in a <span>
I have an empty anchor, and a span that has the text of the URL in it. I need to merge the <span> and the empty anchor into a link. I've set up a demo page that shows the code I have, and the end result I need to get to. Is this possible? IF so, can someone please lend me a hand? Example page is here: http://bit.ly/urlfromspan Thank you in advance!
cannot download jquery
I cannot download jquery. I get this error message when I try to run the download file: Script: C:meuappdatalocalmicrosoftwindows emporary internet filescontentie.5wca9khzmjquery-1.5.1[2].js line: 16 char: 1 error: 'window' is undefined code: 800A1391 source: microsoft JScript runtime error Please help before I kill somebody.
Creating a new list
I'm trying to create a separate list based on list items that are checked. When I user clicks on a checkbox in the main list, I need to add that item to the second list; likewise when the item is unchecked, remove the item from the second list. I have been tearing my hair out for several days trying to get this to work but just can't quite get there. Here is my HTML: <div class="content"> <h2>Fabric List</h2> <div class="inner"> <div id="fabrics" class="fabric-gallery
How to use jquery's .css to increase position left??
Hi, I want to use the .css of jquery to take lets say 5 buttons css position absolute left value. I want increase this value. So it will move the buttons to the right. I have a button that when clicked that it will run this jquery code. Where the 5 buttons moves to the right. I want to do this all at ones. In otherwords I want to put $("#1_button,#2_button,#3_button").css("left": function (value) { code to increase left position value}); I want to do something like that. Is it possible? and
Check a checkbox when textarea is typed in
I think I have what is a simple question: I would like a checkbox to be checked if it is not already when a user types in the text area beside it. Form layout is demo'd below. <table> <tr> <td><input type="checkbox" name="box[1]" value = "x"></td> <td><textarea name="area[1]"></textarea></td> </tr> <tr> <td><input type="checkbox" name="box[2]" value = "y"></td> <td><textarea name="area[2]"></textarea></td> </tr> </table> Shouldn't
Unwanted white color on cycle
Iam using the jquery cycle. Iam using two slideshows on the same page. Works fine. Now I want to overlap the slideshows at top of each other. Works fine in all browsers exept ie. See in Firefox how it's meant and see in IE whats wrong. I thought the problem occured becuse of the same z-indexes the "jquery.cycle.all.js" is sending to the image wrappers. So the images will be (in the overlapping part) knocked out or something like that. Anyone able to solve?
jQuery to connecto to DB and get field and display in Div
I have a php select box that is populated from a mysql query. What i require is when an option is selected, i want it to contact the mysql database and get 2 fields, displaying on of them and storing the other is a session object in php. I have searched the web and found this can be done with JSON. What I have so far? jQuery: <script language="javascript"> function populateTypeOfCover() { <?php echo "var TypeOfCoverID = ".$_SESSION["TypeOfCoverID"]; ?> $.getJSON('/client.add.contract_json.php', {manufacture:$('#typeofcover_field').val()},
Links within a .load object(?) needs to reference the parent/caller
Hi! I'm new to jQuery and Javascript overall, I have searched the internet to make use of jQuery instead of the HTML's iframe tag. I have some problems setting things up, I'm going to explain it the best I possible can. English isn't my main language so please forgive me for spelling/grammar errors. I didn't know what to use for title on this thread, so forgive me again if I used the wrong words. My problem is links inside a .load file, I want them to refresh the box on the index.php file, not the
Can someone tell me what kinds of commands I should be using?
I've got a complex PHP/AJAX volunteer translation site I've built, only if two people are working on the same text at the same time, they can't see the other's changes unless they completely refresh the page. I'm totally new to jQuery and just want to know what sorts of commands I should be using for the following steps. The user sees a column of class "permanent" DIVs with text. When he clicks on a DIV, the "permanent" DIV is hidden and an "editable" DIV appears with a TEXTAREA with the same text.
Looking for overflow handling plugin
Hi. I was just wondering if any of you could help me find a plugin. What I am doing is developing a website with a fixed-size content area. However, there is a possibility that on some of the pages, the content would not fit within the set area. I know I could just use scrollbars, but is there any jquery plugin that would, for instance, display a "view more" button that would update the content area with the overflow content? I hope this makes sense! Thank you so much for any help you could give!
Help with Datepicker needed + restrict certain days and months
Hello I am new to jQuery and I am trying to use the restrict date feature on Datepicker, but I am having difficulty. I would like to use it on several pages, each displaying only certain dates. I have read the documentation but unable to work out how to omit certain months and show only specific days within the selected months available. For example, I want to show the following: May to October : display all dates except Saturday March, April and November: display only Mondays, Wednesdays, and
JQuery Date Problem - Adding 1 Year
Hi, I am using a jQuery datepicker to select a contract start date, and from this i want it to automatically calculate the contract end date which should be 1 year from the start date. I am using the following code to try todo this: $('#dtecontractstart').change(function() { // Get the date from the #dtecontractstart sContractStart = $('#dtecontractstart').val(); // Split the string on the / var arr = sContractStart.split('/'); // Change the array so the format is yyyy,mm,dd var newdate = arr[2]+","+arr[1]+","+arr[0];
jquery accordion question
I have an accordion menu that has 5 sections. When the web page loads, the first section auto expands. How can I set this so everything is collapsed and doesn't expand anything?? $(document).ready(function(){ $(”.accordion h3:first”).addClass(”active”); $(”.accordion p:not(:first)”).hide(); $(”.accordion h3″).click(function(){ $(this).next(”p”).slideToggle(”slow”) .siblings(”p:visible”).slideUp(”slow”); $(this).toggleClass(”active”); $(this).siblings(”h3″).removeClass(”active”);
wrapping non-nested elements
Hiya, I would like to wrap the elements in this structure: <h4>header1</h4> <p> some text</p> <p> some more text</p> <h4>header 2</h4> <p>text</p>so I would get two divs, each conatining the h4 and however many p's there are underneath. - and there are up to 10 of these blocks, so I can't do it manually. I tried some nextAll and nextUntil but couldnt get it to work. And since I am new to jQuery I am not even sure if it can be done...? Hoping for help Andreas
Selecting one image from a table of images
Hi there, I need some advice on how best to tackle building a voting page with Jquery. The basic (rude) layout is here... http://unpackit.org.nz/dev/ Basically my actions are... 1. Voting disabled until user has entered a jquery verifiable email address, this also use ajax to check if there is an existing vote with the email address in the mysql table; if there is it does not allow further and shows a message. 2. When email address entered then user can click on one "best" and one "worst" image,
IE Firefox positioning issues... I think
Caveat: I'm artist, not a programmer. I pretty certain what I'm trying to accomplish is simple. The effect is to drop three boxes (div containers with images) from the top to a set location. Fade them out, repeat indefinitely. There's a secondary effect to fade in another div but that hasn't broken at all. The issue: per client request, the boxes can't squash (slideDown). So, I'm thinking... set the marginTop to negative number, set the container div overflow to hidden, and voila' sliding boxes.
wrapping non-nested elements
Hiya, I would like to wrap the elements in this structure: Copy code <h4>header1</h4> <p> some text</p> <p> some more text</p> <h4>header 2</h4> <p>text</p>so I would get two divs, each conatining the h4 and however many p's there are underneath. - and there are up to 10 of these blocks, so I can't do it manually. I tried some nextAll and nextUntil but couldnt get it to work. And since I am new to jQuery I am not even sure if it can be done...? Hoping for help Andreas
jQuery's new Grid widget?
I currently have a standard .NET grid in my application and am considering a few options. I could replace the grid with divs so the current rows would be like posts in a forum. Or replace the .NET grid with the new jQurey grid, that way I would gain a whole lot of functionally! My question is can a grid be modified so that the rows are about 11/2 inches tall and be formated to show several lines of text? I want them to show 2 business names, addresses and some details gotten from a form.
How to add a new tab to jqueryui tab control
Hi, Could someone please tell me how to add a new tab to a tab control by clicking a button on the first tab? Do I use the "add" method? If so how? Many thanks
IE - Issue setting default value of a hidden single select dropdown
I have a single select dropdown in my application which is hidden for one type of user group. Before a user from this group can save any data, I have to explicitly select the default value of this dropdown for him as this dropdown is not visible to him. Issue: In IE, this default value doesn't get selected as it is not populated but works fine in Firefox. Is this a jQuery bug? What is the work around for this. Thanks. $("#abc option").each(function () { alert'Option Text='+$(this)[0].text.toUpperCase());
How can I get the newest jQuery-Starterkit?
Hi...how can I get the newest jQuery-Starterkit for jQuery.1.4.1? Thanks...
Selectors for clicked element
I have an html file that looks like the following. --------------------------------- <div id="outline-container-1_1" class="outline-3"> <h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3> <div class="outline-text-3" id="text-1_1"> <p>this is the first CONTENT that is hidden and shown by clicking.</p> </div> </div> ... <div id="outline-container-1_1" class="outline-3"> <h3 id="sec-1_2"><span class="section-number-3">1.2</span> Motivation </h3> <div class="outline-text-3"
jquery light box wont work need help to complete portfolio website.new to jquery
<!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> <link rel="stylesheet" type="text/css" href="portfolio.css"/> <link rel="stylesheet" type="text/css" href="style.css"/> <link rel="stylesheet" type="text/css" href="magicalHover-01beta2.css"/> <link rel="stylesheet"
minimize/restore for a table
I saw minimize/restore pluign for jquery dialog, I need one for a table is there anything avaliable ?
Business Owner needs Help: Maximum Images/Size Restrictions?
Hello, I am not a programmer but the guy I hired to do my website said any more that 3 images on the JQuery slide would greatly slow down the functionality of my site, and therefore he is recommending I use flash. Is there any truth to this? Thanks mgfraz@gmail.com
Problem with IF statement
This is the first if/else statement i've written in javascript and I've been banging my head on this for a few hours and I can't seem to solve this. It's seems like it should be very straight forward. The functionality i'm trying to achieve is a captions overlay on images only if they have a description in the alt attribute of the image. function hideCaption() { var hideCaption = find('img').attr('alt').length; if(hideCaption.length==0;){ $('#slideshow-caption').css("display",
Next Page