I set up a function in JQuery to do .load() to a DIV. (This function appears to work only in IE.) This works fine if I am loading an html document to the DIV, but if I load a .pdf file, it looks like it doesn't use the right mime type for interpretation. It looks like it just streams the binary code into the div. Is there a way use JQuery to load a PDF file into a DIV and have it render correctly?
Here is my source:
<html><head>
<title>jQuery test page</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector).load(sourceUrl); }
</script></head><body>
<div id="top" style="position:absolute;top:0px;left:0px" >
<a href="javascript:loadContent('#content', '[URL]');">I work</a>
<p><a href="javascript:loadContent('#content', '[URL]');">I don't work</a>
<p>Here's the stuff!</div>
<div id="content" style="position:absolute;top:200px;left:0px">content will be loaded here</div></body>
</html>
If you click the link that doesn't work you get:
%PDF-1.6 % 37 0 obj <> endobj xref 37 34 0000000016 00000 n 0000001386 00000 n 0000001522 00000 n 0000001787 00000 n 0000002250 00000 n 0000002274 00000 n 0000002423 00000 n 0000002844 00000 n 0000002888 00000 n 0000002932 00000 n 0000004113 00000 n 0000004147 00000 n 0000004211 00000 n 0000006880 00000 n 0000007023 00000 n 0000007172 00000 n 0000007312 00000 n 0000007455 00000 n 0000008176 00000 n 0000008566 00000 n 0000009066 00000 n 0000012518 00000 n 0000012667 00000 n 0000012803 00000 n 0000012939 00000 n 0000013072 00000 n 0000013208 00000 n 0000013344 00000 n 0000013480 00000 n 0000013632 00000 n 0000013818 00000 n 0000014039 00000 n 0000001220 00000 n 0000001005 00000 n trailer <<15349106D985DA44991099F9C0CBF004>]>> startxref 0 %%EOF 70 0 obj<>stream 0>esf"$ 44}2 Y,(A-$ea,
Is there a way to force the client to open a particular file type. Currenlty text files that are opened by the web site are opened inside the browser, I would like to stop this and have them prompted to open or save the file.
how to determine the mime type of a document embedded in an iframe. The only case we need is in determining whether it's a pdf in the iframe -- I wanted to just read the extension of a document, such as source="thedocument.pdf", but unfortunately the way the web service is configured is that a url we are given is in the form of [URL] where the digits at the end would be the id of a document.
I'm running into a prob with an ajax form post where the content type is being sent to the server as text/html instead of text/javascript... here's some of my code: I do this at the top of my .js file -
This confirm alert works except I want when the user clicks on OK that the newwindow.html page loads.
onClick="if(confirm('Are you sure you want to exit?'))alert('The program is still running in the Taskbar...');location='../newwindow.html' target='_blank'else alert('YOu chose not to leave - good!')"
That bit in red doesn't seem to do the trick. Neither does document.location.
I have to change text input type to password input type and i am using jquery script. This script work for FF, Chrome and Safari browser but not worked on ie7, ie8.
Script is as:-
How can i update my script, so that it works cross the browser.
I am new to jQuery and I am reading this book as an introduction. I find it very good, but I came across an example today that doesn't make sense to me. It is an example of the prev() method and is like this: $("h1").prev() // Sibling elements of <h1> tags Is this correct? I thought prev() just picked one element so it should be "element" instead of "elements" in the comment. Alsoa sibling of <h1> tags would have to be another <h1> tag wouldn't it? And there are no <h1> tag before all <h1> tags?
So im basically using a link, to scroll through a series of divs to select the correct one.Ie click on happy, and scrolls to 'happy' div, However, the scroll seems to not go to what its linked to, but scrolls to the third div in the list.
I'm trying to build a slideshow for wordpress. On a static page everything works as expected.In Wordpress however, the same script*1* behaves differently. The activeSlide is hidden behind the "default anchor image". I think it's because activeSlide gets assigned to li instead of the a -tag. You can see that with Google Chrome. The activeSlide class is advancing, it's just assigned to the wrong element. I'd like to target the link (a) again, so the green box appears in front of the red box.
I have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
im using Jquery.validate, and I have a particular issue, jquery plugin is validating fields which didn't have rules. this is my code. Im attaching my code.Display name, First and Last name works fine. The wrong behavior is when I change DDL values and Do click elsewhere in the page, the minlenght validation activates for the dropdown lists.
I have a jquery script converting a XML file into html and part of the script is set to display an image based on the value in one of the elements. It's almost working as planned except that it affecting the preceeding record instead of the record that meets the conditions of the if/else statement.[code]
I am using jQuery tool tip plugin. It works fine but a problem which I am facing is that on some fields where I don't have a tool tip plugin It shows me the tooltip for the older field (the tooltip for the field which was last shown). The last tool tip is repeated for other fields also which do not have a tool tip. I do not want to show any tool tip where there is none. How can I do that.
Quite often, some images are displayed with much smaller sizes than what they should be. For example, an image with height 768px may be displayed with a height of about 100px. This problem is usually sovled by refreshing the page. The page may need to be refreshed more than once to get all the images to their correct sizes.
I created a test page here: [URL]. But basically the problem is that $("#button").attr("disabled",true); should disable a input button, and it does, HOWEVER it outputs disabled="" when it should output disabled="disabled".
I'm working on dynamic list with jQuery. I've appended hundreds of <li> elements with for loop to make very long list. When user scroll down again, remove older ones and append new ones at last of the list. I used$('li:lt(50)').remove() to remove first 5 elements from the list. At first, it works. But, for the second time, it always delete half of '50'. When I enter 100, only 50 elements deleted. How can it be? Could you check the ':lt(n)' selector and remove function? My HTML is very simple. only <UL> <LI> tags in the body. Tested on latest Chrome(ver.13.0.782), jQuery 1.6.2.
I am using ajaxSubmit from the jquery.form plugin for a file upload. Obviously my form contains a file input element, and therefore it needs to be submitted to an iframe and have its response read from the iframe (since xhr won't work with a file input). This is built into the jquery.form plugin and is working fine in firefox. However, when I submit my upload with IE, it is still acting like the form was submitted to the main page -- not the iframe. The response is just some JSON string indicating the results of the file upload.
In firefox, the upload runs, the json response comes back to the iframe, and then the callback reads the response from the iframe and updates the page. In IE, the upload runs and then the json response comes back to the main page as a text file...so IE pops up a window asking me if I want to download or open the file. Does anyone know why my JSON response is coming back to the main page and not the iframe?
Here is some of the code. The only semi-funky thing that goes on here is that the form is not set with a multipart encoding originally. This is because the main page's form submit should not be multipart. I set the form as multipart right before the fileUpload, and then before the main form is saved I reset the encoding. As far as I can tell this part is working, though...since the file is uploading no, problem; it's just the response that isn't being read correctly (or directed correctly?)
Here is a code snippet from the code that runs when the upload button is clicked.
// set the encoding to multipart. I've heard IE can be wonky, so it's set in two ways. form.setAttribute('encoding', 'multipart/form-data'); form.setAttribute('enctype', 'multipart/form-data');
I have three radio buttons, and when a certain radio is selected I want to show a series of checkboxes. If the other two radio buttons are selected, I want to hide the checkboxes. I *think* the problem is that I am using the wrong syntax to call the click() function on the radio "name" attribute.
I have links in my tab panels. Those links are broken because (from what I can figure) the remote tab section in the ui.tabs.js file adds #ui-tabs-(some number) to those links.
I have this loading.gif image that is 750px, when it should be 32px. The reason it's huge now is because my original solution was displaying two images: one 750px version of the loading.gif image and one 32px version (in the center of the 750px) of the same image. Now I'm at least down to one image, even if it's the wrong version.Click any of the thumbnail images here, and then again on the thumbnail at the top of that popup product gallery to see what I mean: need that huge loading.gif to be 32px like it should be, and then expand to 750px once the image is loaded. I've tried a bunch of solutions, but nothing has solved the problem.This is the code I have at the moment, although I'm working on the issue now so it may change.
$('#inline .thumbGrid img').click(function(){ var strLargeImg = document.getElementById('OBOEsac'); $('.galleryPopup').attr('src','/site/scripts/colorbox/images/loading.gif');
I made a request to db via jQuery.post(). Generally it works as it should, but if I use german special characters, they are treated wrongly. For closer examinations, I set up a new file without db-access, only displaying regular and special chars. I checked the characters after reading the value of text-input by alerting it. At this moment, it is correct! The issue happens when jQuery gives the variables to POST (its the same with GET). The target-file can read only wrong characters from POST. I crosschecked it by submitting data by a standard form. Now, the POST is read correctly. Special chars, which are echoed explicitly (not questioned by POST) are given back correcty
- I defined charset it in html header and tried other charsets - always the same. - Adding the accept-tag to inputbox didn't help. - Redefining charset in target-file didn't help. - Adding the charset-tag to the jQuery including script didn't help.
So, I think, the code is correct but there is an issue with the charset. And it is definitley at this moment, when transfering the variable to the POST.