Search Results

Search found 9661 results on 387 pages for 'div'.

Page 339/387 | < Previous Page | 335 336 337 338 339 340 341 342 343 344 345 346 | Next Page >

Using of html5 <video> tag in web-based applications for iPhone

- by Alexander Sharov

As you know iPhone plays video content from < video tags in full-screen mode via internal media player. Here I have several questions: 1) is it possible to show custom text over video playing? something like subtitles appeared during movie playback. I tried several solutions like http://blog.gingertech.net/2008/12/12/attaching-subtitles-to-html5-video/, but seems they are not working in iPhone case. Ideally, I want to add some div over media player and show necessary information there. 2) is there any way to disable controls of iPhone media player. Seams it is not metter if you add "controls" attrinbute to < video tag or don't add, iPhone always switch on controls for media player. The goal for me is do not allow to user to change playback possition(user should see full movie from start to finish. Of course user can stop the video, but he can't rewind a record) Thanks for your help.

Read the article
Chrome Facebook Connect Window Resize

- by yuval

I am experiencing a weird issue in Google Chrome for Mac OS X (10.6). I am using the JS Facebook Connect library and FB.Connect.streamPublish to share a story on a users profile. If the user is already logged in to Facebook prior to coming to the share page on my site, there's no problem - the window opens as an absolutely positioned div above the rest of my site. If the user is not logged in, though, a pop-up window opens that asks the user to log in. This works perfectly in Firefox, but when using Chrome, when the Facebook login window opens, it starts gradually resizing itself until it becomes a narrow column - when manually resizing the window, it gradually reverts back to the narrow column. I googled this problem and found that some users are experiencing the same issue, but I could not find a solution. Does anybody know anything about this? UPDATE: I filed a bug report at the Facebook Platform Bugzilla - Bug #9159

Read the article
jquery link handler with google ads link

- by kani

my jquery jQuery(function(){ jQuery('div.class a').click(function() { alert("hello"); }); }); google ads link <a id="aw0" class="adt" target="_top" onmouseover="return ss('','aw0')" onmousedown="st('aw0')" onfocus="ss('','aw0')" onclick="ha('aw0')" href="/aclk?sa=l&ai=BH3xd2ZmTSvrMC5iKqAO2v7XDBv6jtl-mgLjKDMCNtwGA8QQQARgBILCNuQooBTgAUO3uw-4EYPEDoAHdtsH_A7IBCWxvY2FdsG9zdLoBCjE2MHg2MDBfYXPIAQHaARdodHRwOi8vbG9jYWxob3N0L21lZHV1L8gCrOj9A6gDAcgDB-gDigPoA9gC6AMf6AMg9QMAAAAE&num=1&sig=AGiWqtyWbhq4GCyGudApdZUjBApw4vI74w&client=ca-pub-0099118250769400&adurl=http://www.nixusoftware.com/products_nss.html"> <span>Nixu Software's Warning</span> </a> My problem is jquery not properly work with google ads link // other links no problem (<a>link</a>) is jquery functions conflict with google ads functions Please help me

Read the article
Jquery Randomizing within Categories

- by David Chase

Hi, so here is my question in a situation if you will. i have 6 items in div classes which correspond to 3 categories something like this class ="boat" class ="car" class ="bike" class ="blueboat" class ="redcar" class ="greenbike" so is there a jquery/javascript approach with .addClass where when someone clicks on the button "Randomize" it addClass .mine to each one of the 3 categories ie blueboat.mine and redcar.mine and bike.mine but not boat or car or greenbike because they are in the same category? or another situation rather than .addClass use a jquery/javascript so when "Randomize" is clicked to randomly show 3 out of 6 items one in each category of boat,car,bike and hide the rest blueboat,redcar,greenbike. in this situation all 6 items are on the page when document is ready but with the randomize only 3 are left one from each category. please let me know if anyone has any ideas or needs further clarification any help is greatly appreciated. thank you -david

Read the article
Jquery: Preload an image on request with a callback function?

- by tarnfeld

Hey, I'm helping out a friend with a website he's developing and we are having trouble with preloading images on request. Basically, when the user clicks on a thumbnail of the product a <div> slides down that includes a scrolling carrousel of large images. In total there are about 20MB of images that could be loaded in (if you did them all) so preloading them on the page load would not be an option. Is there a way that we could call a javascript function that begins to preload about 4 images and then when it's done it has a callback function? Thanks! P.S. We are using jQuery on the page...

Read the article
jQuery animate() - multiple selectors and variables, a unique animate() call

- by ozke

Hi guys, I am resizing several divs in a loop with animate() in jQuery. At the same time I am moving (left property, no resizing at all) the div where they are contained. Problem is, despite they have same duration the resize animate calls finish before the move call. They are out of sync. Is there any way of creating a list of selectors and its properties and then run a unique animate() call? Or, is there any alternative to make multiple animations happen at the same time? I've seen there's a property called step that happens every time animate loop happens but, again, each animate() call has it's own step call. Thanks in advance :)

Read the article
Is there an HTML browser rendering engine for Ruby?

- by Jose

Given a URL, I would like to be able to render the returned HTML to know width and height for each div, fonts' size for each piece of text, color of each element, position of each element on screen, etc. A possible approach could be traversing the DOM tree with Hpricot and checking CSS style by parsing the associated stylesheet using css_parser gem. But this would not consider default styles, inheritance, floats, etc. In Java there's Cobra, a Java Web Renderer, which is able to render a web page and query attributes like width, font size, etc. for each fragment. I could use Cobra with JRuby or similar solutions, but prefer a Ruby native tool. Is there any library like this for Ruby?

Read the article
Can someone recommend a bells and whistles CSS framework?

- by Ali A

I am looking for a bells and whistles CSS framework. I have found a number online that deal with "grids", and some that deal with "typography" and others that deal with "resetting". What I have not found is something that will give my web applications a consistent reusable style or theme. I guess it would have to have a number of predefined elements that do things, for example: div.boxed {...} And then a number of themes or plugins that provide these in a consistent way. Javascript toolkits like ExtJS, YUI, and also GWT have their own skinability, and I guess this is the featureset that I want, but independent of any Javascript library. (Open source would be best, but we don't mind paying) Edit: 5 good answers, but I have seen all those frameworks, and they are not enough of what I am looking for. Perhaps what I am looking for doesn't exist. Or I haven't explained properly. I will give them a good going over and see.

Read the article
How to stop SWF inside of a jQuery UI tab from reloading

- by Raul Agrait

I have a SWF movie inside of a jQuery UI tab, and the problem I'm having is that the SWF gets reloaded everytime I click away from the tab, onto another tab, and then click back. I can inspect the DOM and see that the div containing the SWF is still in the DOM when I click away, so I don't know why this it seems to reload it when I click back to the tab. I added the following CSS rules to try to prevent the display being set to: none, but the Flash movie is still reloading: .ui-tabs .ui-tabs-hide { display: block !important; position: absolute; left: -10000px; }

Read the article
2 questions about drag and drop with Javascript

- by David

Hello, I'm trying to be able to drag random highlighted text or images on a random page that is not written by me, thus I cannot simply wrap the text in a div and make it draggable. Is there any way to get highlighted text or images on a random page, like say Yahoo, and drop it into a container that can recognize what was being dropped into it (like content and content-type) without it even being an explicitly declared draggable? I've been playing with jQuery, but can't figure it out. Any help would be greatly appreciated. Regards, David

Read the article
Invalid Argument IE 8 jQuery

- by Deshiknaves

Hi, I have this particular script that runs so that the flash elements don't show up on top of my slide out navigation. This redraws that flash element with wmode as opaque and so it shows up under the navigation. Works perfectly with Chrome and FireFox but not with IE. In IE I get an Invalid Argument in jquery.min.js code 0 Line 103 char 460. Can anyone help me as to why? If I comment out the second line of code inside the function then there is no error, but then doesn't work in FireFox. Any help is appriciated. $(window).load(function(){ $('embed').attr('wmode','opaque'); $('object').append('<param name="wmode" value="opaque">'); $('object').wrap('<div>'); });

Read the article
Chrome error with NO_MODIFICATION_ALLOWED_ERR DOM Exception 7

- by HP

I have below code to insert a style into DOM (there is a use case for injecting style into DOM so please don't ask why or say to load the css in .css file). <script type="text/javascript"> window.onload = function() { var bmstyle = document.createElement('style'); bmstyle.setAttribute('type', 'text/css'); var styleStr = "#test-div {background:#FFF;border:2px solid #315300;"; bmstyle.innerHTML = styleStr; document.body.appendChild(bmstyle); } </script> If I run in Firefox, it works fine. But I got this error in Google Chrome: Line bmstyle.innerHTML = styleStr; Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7 Does anyone have a fix? Thanks

Read the article
jQuery validation plugin - show only the first error at errorContainer

- by ookla

Hi there, I have this: function validateEmail(){ // ############################### $("#contato_form").validate({ errorContainer: "#wrapperError", errorLabelContainer: "#wrapperError span.error", debug:true, rules: { nome: { required:true }, email: { required:true }, mensagem: { required:true } }, messages: { nome: { required:'Informe seu nome.' }, email: { required:'Informe um endereço email válido.' }, mensagem: { required:'Por favor, escreva sua mensagem.' } }, submitHandler: function() { $.ajax({ type: "POST", url: "http://www.mydomain.com/sendemail.php", data: ({nome: $("input#nome").val(), email: $("input#email").val(), mensagem: $("textarea#mensagem").val()}), success: function(msg){ $('div#enviado').html(' ').append(msg); } }); } }); } When I submit. I got this error message: Informe seu nome.Informe um endereço email válido.Por favor, escreva sua mensagem. How can I get only the first error no that errorContainer? Once the first input is ok, then the next error and so on.. Thanks

Read the article
How to disable Events for a while in Javascript or jQuery

- by Tarik

Hello, I am wondering if you guys know different approach to disable an event for a while. Let me elaborate this more : Lets say I have a div or button which has a subscriber to its onclick event. To prevent the double click when the the methods are doing some ajax things, these are the some of the ways we can do : Disable the button till the method finishes its job Unbind till the methods finishes its job and then bind it again. Use some kind of flagging system like boolean so it will prevent method from working more than once. So is there any other ways, maybe some javascript tricks or jQuery tricks which is more efficient and better practice. Thanks in advance.

Read the article
Fit Lightbox container in window if image is larger

- by Bobe

I'm just looking for a simple way to set the max width and height of the Lightbox container and image based on the window size if the image is larger than the current window size. So say the image is 2000x1200 and the window is 1280x1024, then the max-height and max-width of div.lb-outerContainer and img.lb-image should be set to $(window).height() - 286, $(window).width() - 60 and $(window).height() - 306, $(window).width() - 80 respectively. I'm just having a bit of trouble determining where to go about implementing these rules. Do I do it in the lightbox.js file? If so, where? Would it be acceptable to just throw in some script on the page it's used on?

Read the article
How to use RadSpell within a Telerik MVC Grid editor popup?

- by Brian David Berman

Is it possible to use RadSpell within a Telerik MVC Grid editor popup? I have followed some of the examples online to use RadSpell with ASP.NET MVC (http://www.telerik.com/help/aspnet-ajax/mvc-using-spellchecker.html and http://www.telerik.com/help/aspnet-ajax/spell-client-side-api.html) and I am able to attach multiple text controls to check but the display gets messed up when using Telerik MVC Grid editor popups since it's already in a modal. Sometimes it will randomly pick another div on the page and treats it like it's the main window (it will gray out just a portion of the page and I'll see the RadSpell popup peeking through but it's unusable). It seems like it chooses different places in the DOM to inject the iframe/radwindow for RadSpell as well. Any ideas? I didn't include any code because my implementation is a mess and I'd prefer to start with something simpler, from scratch.

Read the article
Converting HTML to its safe entities with Javascript

- by James P

I'm trying to convert characters like < and > into < and > etc. User input is taken from a text box, and then copied into a DIV called changer. here's my code: function updateChanger() { var message = document.getElementById('like').value; message = convertHTML(message); document.getElementById('changer').innerHTML = message; } function convertHTML(input) { input = input.replace('<', '<'); input = input.replace('>', '>'); return input; } But it doesn't seem to replace >, only <. Also tried like this: input = input.replace('<', '<').replace('>', '>'); But I get the same result. Can anyone point out what I'm doing wrong here? Cheers.

Read the article
HTML is not being interpreted after JQuery's .ajax function

- by Casidiablo

Hello there... Once I have retrived an HTML string with the $.ajax function I put it into a div... the HTML is a simple message with a <b> tag, but it's not being interpreted by the browser, I mean, the <b> is not making the text bold. Here is what I do: $.ajax({ url: 'index.php?ajax=ejecutar_configuracion&id_gadget=cubrimientos', cache: false, success: function(html){ // html = '<b>hello</b> newton' $('#config_reporte').html(html).dialog({ height: 300, width: 500, modal: true }); } }); As you can see, I'm writing the content of the HTML result into a modal dialog window. Does anybody know why is this happening? This should be something easy to do... but I haven't been able to make it work properly. Thank you so much.

Read the article
Help with a simple switch statement

- by revive

I need to find the value of a variable and use it to add a class to a div, based on a switch statement. For example, my variable is $link and if $link has google.com IN IT at all, I need $class to equal 'google', if $link as yahoo.com IN IT at all, $class then needs to equal 'yahoo' So, I need something like this, but I'm not sure how/or if to use preg_match or something to check and see if the $link variable has the value we are looking for in it - see 'case' text below: switch ($link) { case 'IF link has Google.com in it': $class = 'google'; break; case 'IF link has Yahoo.com in it': $class = 'yahoo'; break; default: # code... break; } OR if there is a better way to do this, please let me know :D Thanks

Read the article
how to show legend in graphs using flot

- by robezy

Hi, I'm using flot library to show plot graph. I need to show the legend in a separate div. Quoted from flot api. If you want the legend to appear somewhere else in the DOM, you can specify "container" as a jQuery object/expression to put the legend table into. So i wrote the legend options as below. "legend":{"show":true,"container":"jQuery("#placeholder")"}} Unfortunately it is not showing anything? is this the correct way of writing legend option? One good thing is it not showing default legend. so i guess the problem is with way i wrote the container . Any thoughts? Thanks

Read the article
Animate Jquery addClass on hover

- by JamesOps

I'm new to Jquery so unsure how i would go about editing the code below to create a fade in when the class element is hovered over. <script type="text/javascript"> <![CDATA[//><!]]> Any pointers would be greatly appreciated. Thanks!

Read the article
CSS Sprite vertical repeat problem

- by ShiVik

Hello all I am trying to include css sprites in my webapp. The thing is I have arranged my website background vertically in sprite image. Now, one portion of the sprite needs to be repeated vertically. I was trying the following code... #page-wrapper { margin: 0px auto; background-image: url(../images/background.png); height: 100%; width: 1000px; } #page-wrapper #content { background-position: 0px -80px; background-repeat: repeat-y; height: 1px; } I am confused in the height property of content class. How should I define the height of the section which I want to repeat and the height of the div(#content)? Regards Vikram

Read the article
JW Player: cross-browser "display:none" player behavior

- by two7s_clash

Is there a simple, upfront method to have FF and IE treat hidden JW Players the same? I am placing different instances of the player dynamically in jQuery generated tabs. In effect, switching tabs hides the parent div of each player. In FireFox, the tab switch and accompanying "display" change stops the player. This doesn't happen in IE. I would like it to. What is the easiest way to have both browsers act the same? I am hoping for a CSS/HTML solution, either thorough the way the players are embedded or a style rule Otherwise I suppose I will need to add an item listener that compares the currently selected tab id to currently active players... but I'd rather not go that route. Thanks for your tips! EDIT: So, I'd rather be able to change the player CSS or markup on tab change than send stop events to all the players but the player in the currently active tab.

Read the article
$ajaxForm reply back from processing page using jquery and php

- by Jean

Hello, I have a page called guestbook.php in which contains $('#guest_form').ajaxForm({}); When the form is triggered it goes to a save.php page which contains and values inserted if($_POST['x']){ $xx = $_POST['x']; $yy = $_POST['y']; $zz = $_POST['z']; $query_one = "INSERT INTO xxx (x1,yl,z1,z2) values ('$xx','$yy','$zz','00000')"; mysql_select_db($database_1, $1); $Result = mysql_query($query_guest_one, $1) or die(mysql_error()); So far so good. Now I run a select query based on the insert and display it in a div on the guestbook.php page. That is where I cannot do it. All help appreciated. Thanks Jean

Read the article
Reverse-engineer a Javascript object?

- by TruMan1

I have a Javascript object that I want to pass in more parameters, but the documentation is non-existant. My only option seems to be to reverse engineer the Javascript object to see what parameters and values I can pass in. For example, I want to see if there is a "zoom" parameter for the object and what values I can pass into the "mapType" parameter: <script type="text/javascript" src="http://maps.google.com/maps?oe=utf-8&file=api&v=2&key=your-gmap-key"></script> <script type="text/javascript" src="https://share.findmespot.com/spot-widget/js/SpotMain.js"></script> <script type="text/javascript"> var widget = new Spot.Ui.LiveWidget({ renderTo: "spot-live-widget", feeds: [ "0Wl3diTJcqqvncI6NNsoqJV5ygrFtQfBB" ], height: 400, width: 500, mapType: "physical" }); </script> <div id="spot-live-widget"/> Any ideas on how to do that?

Read the article

< Previous Page | 335 336 337 338 339 340 341 342 343 344 345 346 | Next Page >