I need to create a real-time line plot on an html page, without
resorting to java, cgi, or anything server-side or offline. I think
maybe this could be done with javascript, or dhtml, and most likely
macromedia flash - what may be the best choice for a clean and
portable design?
I am trying to plot a line using the variables that I have derived in this "rectangular to polar" conversion program. I am just new to javascript and to programming generally. But with the help of sample codes here.
I have read that drawing in javascript isn't so easy. Could you give me some hints on how to draw the following variable in polar coordinates. Do I need to use another programming language aside from javascript ?
I need to create something similar to this: Purely Pesto - Handmade By Chefs
I have looked here: Google Maps Javascript API V3 Basics - Google Maps JavaScript API V3 - Google Code
I have an img of a map of Europe in a div. I want to plot routes between cities in Europe as dotted lines. The image is scrollable and I want the routes to scroll with the image. So the routes should be attached to the image. Furthermore, when drawing routes outside of the viewable area, the routes should be clipped so they don't show up outside of the image. but when the image is scrolled, the routes should appear.
Here's a link to the dev site: [url]
Here is my code:
CSS:
HTML
FBJS (Facebook JS)
I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.
[URL]
how I can enable the second tab to show the chart?
I'm building a webpage using javascript and iframes. Basically I have an iframe in the middle of the index.html page that links to another html page (let's call it iframe.html). My question is, is it possible to call a javascript function from iframe.html to control an object on index.html? If so, how do I do this? I'd like to be able to assign an image in iframe.html with the hyperlink of href="javascript:function()", where the function effects the CSS of a div on index.html.
View 2 Replies View RelatedI have a web site which main page is index2.html I need a script that when I refresh the page it takes me to index3.html or index#.html in a random fashion. the list of index numbers is 10 so far.
index3
index4
index5
etc etc
I came across a very odd browser behavior when trying to modify a css class using javascript and at the same time having a base html statement in my html file.Without the base html statement, all browsers work fine and I can change the css class definition using javascript easily.With a base html statement, only FireFox still works while Internet Explorer and Google Chrome dont work anymore. If there is a cross-domain issue, while one browser does work and the others dont? An example of what I'm talking about, with the base statement:
http://freebsdcluster.org/~casaschi/tmp/example-base.html
Without the base statement:
http://freebsdcluster.org/~casaschi/tmp/example-nobase.html
how to tweak the code in the case with the base html statement in order for the javascript to work with all browser (modifying the class definition) ?I want to be able to manipulare css classes with javascript when a base html statement is in my html code.This is essentially the code:
<!--
-->
<base href='http://www.google.com'>
<style id='myStyle' type='text/css'>[code]....
It appears that .html() is somehow messing up reading the contents of a div.Here is my php code which loads into the div.
$own_pre_selection .= "<input name='" . mysql_result($result,$i,"did") . "' value='" . mysql_result($result,$i,"did") . "' type='hidden'><span class='addremove' onclick="recordchecks('" . mysql_result($result,$i,"dname") . "','" . mysql_result($result,$i,"did") . "')";><u>Remove</u></span> " . mysql_result($result,$i,"dname") . "<br>";
Here is what I see as source code after the page renders.
<input name='677' value='677' type='hidden'><span class='addremove' onclick="recordchecks('Heart Neoplasms','677')";><u>Remove</u></span> Heart Neoplasms<br><input name='1298' value='1298' type='hidden'><span class='addremove' onclick="recordchecks('Heart Septal Defects; Atrial','1298')";><u>Remove</u></span> Heart Septal Defects; Atrial<br></div>
When I test alert() the .html() contents it appears like this. It seems to screw up the quote escape and changes " to " ;="" after the recordchecks().[code]...
So even though the source code looks perfect, if I alert() the div contents with html() it seems to get a bit garbled in the process.
I would like to ask how do I get the value from a textbox from form.html which contains my iframe and copy the value into another page, test.html ?
View 2 Replies View RelatedI tried to load 1 html through ajax and javascript and it worked.But i want to load more than one and i cant.I thought that it would be a good idea to put the ajax files to the external websites and put the same load button.I tried this idea but it doesn work.I can only load one external website.
View 2 Replies View RelatedI have a file that generates web galleries in Adobe Lightroom. They are generated depending on which files are selected and the metadata in those files.
Basically it is a series of pages of thumbnails called index.html index_1.html index_2.html etc.
Then a set of pages for each individual image.
An example can be seen here: [url](the page navigation links are not great, but I have addressed that, they're at the bottom >> )
Currently if a user clicks on a photo there is a 'return to thumbnails button at the top, but this always takes them to /index.html
So the user could be at a picture after browsing to /index_39.html and still get returned to /index
Is there any way I can use history.go to find the last instance of index.html Or index_x.html (where x is any number) and take them back to that instead?
Is there a way to remove text portion from the HTML keeping the HTML
Tags using the browser, say javascript RegEx or something ?
I have seen lot of examples removing HTML tags to get the text but how
the reverse of it?
Im wondering if generating html objects such as tabels and rows in
javascript is faster than typing the html directly? Seems when you do
it in javascript you have to download alot of code and would slow down
displaying the page. while if you just type the html, it requires less
bandwidth and display faster?
is parsing html to display in browser slower than doing it through dom
to display the same html objects on the page?
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
View 1 Replies View RelatedI have been trying to get the html returned by a php script to display under a simple form.It only displays the first line. It's my fist stab at this so please forgive my ignorance.Here's the relevant code snippet:
$.ajax({
url: "form_submit.php",
type: "GET",
[code]....
I want to change the content of different div's using .html(). The change should be done by clicking on the inner element of the container. The content of the clicked container should be changed with the first container. My problem is, that the following code does the change, but only once. After every div has changed one time, no more reaction is shown.
<script type="text/javascript">
Via ajax, data equals <h1>Special</h1>
Code JavaScript:
function searchReplaceAndDisplay(data) {
data.replace('<','<');
data.replace('>','>');
$('#modal').append(data);
}
$.get('getSpecialsHtml.aspx', searchReplaceAndDisplay);
Right now #modal displays <h1>Special</h1>, as plain text.
How can I get #modal to display 'Special' marked up as an h1 element instead of text?
Just wondering - is there some trick that allows this to be done of which I am not aware? Specifically, I would like to use XPath to query the _current_ HTML document in IE.
View 2 Replies View Relatedhtml() with FFOX returns html with quotes (which is standards) but when used with IE (9) it returns html without quotes. class='myCLass' vs. class=myClass. This is a problem because I want to feed that html to the TCPDF jQuery plugin and the plugin wants 'good' html.
View 1 Replies View RelatedI need to get all the TABLE HTML code within the <body> tag for a content-generating application. I'm trying to use the html() method, but it only gets the inner HTML. I also tried clone(), but does the same thing. Or maybe I'm using it wrong.
Here's an example to clarify what I wanted to do:
Input
Output
jQuery Code
I have this normal HTML page, starts with <!DOCTYPE ...... and end with </html>, nothing special, what I need is to get every character from the beginning to the end.I've tried $("html").html(), but this cannot get the <!DOCTYPE line and also the <html> line, but only the codes inside the <html> tag, how can I get all ?
View 1 Replies View RelatedI would like to use JS to grab all images and make them links.
<img class="GrabMe" src="./X.jpg" alt="Alternate Text"/> into
<a rel="Image" href="./X.jpg" title="Alternate Text"><imgclass="GrabMe"src="./X.jpg" alt="Alternate Text"/> </a>
how to do this for every img.GrabMe? I really don't understand how to wrap a tag with another tag.
exporting field value from one html to another html page. I have created such a script, but it opens the second html page in a new window every time. I need a script which would recognize the existing open window rather than trying to open a new window. Here are the two pages
Page 1 ( from where the field values are getting exported)
<html>
<script type="text/javascript" language="JavaScript">
function Fill(f) {
if(f.form1.checked == true) {
[Code]....
Is there a way to change html tags without touching the inner html? For example, changing all h4 elements to an h2. Maybe something like this? jQuery('h4').replaceWith('<h2>' + (this).html + '</h2>');
View 5 Replies View RelatedI have an external page with some rudimentary html in the source code missing many tags.. a bit like the below. On a page hosted elsewhere I need to take the html from this external page and add and remove certain parts of it and add some styling such as line breaks before ^FIELD01. I've looked at jquery and AJAX but cant find anything to suit my needs. I think what I am struggling with most is having this page in a variable to then be able to edit it.
Code:
^BEGIN SEARCH FORM
<form name="dancesearch" action="JJList.html?PHPSESSID=604918b69ab9936e638b5d48cdc142a3&xt=673">
^FIELD01: Dance Name<input name="ts" type="text" size="20" maxlength="25" />
[Code].....