I'm building a comment system modeled after Tumblr's, where each post will have it's own comments. I've modded a system from 9lessons and am having an issue implementing it for multiple instances on a page. Each post has its own ID, so I'm trying to set this up using the post's ID. It works fine for a single post, but when there's more than one on a page it doesn't work.
Code Javascript:
<html>
<head>
[code]....
This sends variables to the page okay (on a version without the onClick, opening a normal page).
Problem seems when onClick is added: where the # would normally be following the url to open the popup from colors.htm
PHP Code:
if ($row_results['Mcolor']> 2) {echo'<a href="http://www.mysite.com/colors.htm?UsrID='.$row_results['UsrID'].'" class="linebar" onClick="MM_openBrWindow('../s/shades.php','','status=yes,scrollbars=yes,width=620,height=450')">more</a>';}
Is there always a conflict between javascript and php when sending vars since javascript is client side and php is server side? Is there another way to size the opened page, for instance, on... /shades.php itself? - Only doing the popup for this reason.
Inserted this in head of the destination page; shades.php itself, but not as a function. Might there be a way to activate this when the page loads, without onClick of a button from prior page?:
Code:
<script>
windowresize.To(400, 600);
</script>
Note: answers along the lines of 'use jquery' or 'use (insert wellknown framework)' is not helpful.Frameworks such as jquery includes alot of extra code which is not nessary at all for what I am doing. 'But, you can include one from Google', yes that may be the case, but I prefer to keep to my own code. With that in mind, lets proceed to the problem.
I have an ajax call which doesn't pass POST vars through on IE7/IE8, but only on odd occasions. It appears to be extremely random and the majority of the time it does work. I am had a look at jquery and cannot see much difference in the way it works compared to this custom one.
[Code]...
I want to pass window size variables to javascript's window.open() function from a flash movie (actionscript) to javascript embedded in an html page. The idea is to generate a pop-up window when the user clicks a button in the flash movie. I've programmed the flash movie button like this:
on (release) {
getURL("javascript:open_win('http://www.mysite.com', winfeatures)"); }
where winfeatures is a string containing the pop-up window options, e.g. width=400,height=300,resizable=1 . I have 'traced' the string to make sure it is formed properly. These variables may change so I don't want to just insert them verbatim as the arguments. They are read from an xml file and made into a string - e.g.
(var winfeatures:String = "width="+myxml.attributes.width+",height="+myxml.attributes.height);
In the html page I have the following javascript:
<SCRIPT LANGUAGE=JavaScript>
function open_win(URLtoOpen, windowFeatures) {
newWindow=window.open(URLtoOpen, "myWin", windowFeatures);
}
</SCRIPT>
but it's not working. It seems the windowFeatures isn't being read (or read properly) and the pop-up opens with a default size.
There is this nice upload ajax script which I would like to use on my site, it's called "Fancy Upload". You can a see demo&code here:[URL]The demo shows only one upload form instance on the page. However I want to have three upload form instances so that the users can upload three pictures and see the thumbnails for each image they upload.The problem is, this javascript specifically sets the id's of the html fields in use. For instance, "demo-portrait" is the id of the image tag and it is also referred to within the javascript itself. So if I create another image field with an id "demo-portrait-2", the script wouldn't work for this second field.
View 5 Replies View RelatedI got a good book, and there are a lot of examples.
however, the author don't really explain how to use XMLHttpRequest in a real application, where the user will do several things at the same time.
my question is: for each request, you have to create a separate XMLHttpRequest, right?
because on the book they showed this code:
var xmlHttp;
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
} // function createXMLHttpRequest
and this is fine if on the page there is only one request, as they create a global var XMLHttpRequest.
However, I thought that it could happen that there are many requests at once (like if the user, while it's waiting for the first request to be completed, continues doing stuff, starting another request).
So, I changed it to this:
Code:
function createXMLHttpRequest() {
var xmlHttp;
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
return xmlHttp;
} // function createXMLHttpRequest
and for each call I do:
Code:
var xmlHttp1 = createXMLHttpRequest();
var xmlHttp2 = createXMLHttpRequest();
// etc...
is this the right way to go?
I know there is a problem with IE (I wont bother inserting a witty comment here) on handling:
setAttribute('onclick','doStuff');
I have found
yourAnchor.onclick = function() {
// do what you want in here.
}
this works, but I the script I am working on is going through every DIV with a certain class and adding links to the div, I want the button to change something within the div where it is located so I need to pass the id of the parent div. I thought perhaps there was someway to find the id of the button pressed?
This link below is of a slideshow [URL]Is it possible to have multiple instances of it in a page. I wish to have 4 of them, one below the other. I have no knowledge in javascript but tried making some changes.
View 2 Replies View RelatedI am not sure if this is possible, but I want to create a multiple vars dynamically, for instance, these are the vars I create manually,
Code JavaScript:
var left_1 = $('.column-global.left .item-global').eq(0);
var left_2 = $('.column-global.left .item-global').eq(1);
var left_3 = $('.column-global.left .item-global').eq(2);
but the problem is I only need two or one vars above sometimes. but three is the max.
so I am thinking of passing a parameter into the function to tell the code to create either 2 or 3 vars,
Code JavaScript:
// I declare empty vars first
var left_1;
var left_2;
[Code].....
I have a simple navigation menu. On hover, the block element changes background color. I'm also fading in/out a div layer. I'm also using the jQuery Color Animations plugin. Very simple to accomplish and I had no trouble doing so.However, I don't want to have to use a whole new function for each individual element, so I wrote the following:
$("div[id^=div]").css('display','none');
$("a[id^=a-nav]").hover(function() {
var tabSelected = $(this).attr("id");
[code]....
I have written a code below:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "(URL address blocked: See forum rules)">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
[Code]...
Basically, what I want to do is to dynamically create 5 instances of "emailRow" onto the web page making use of Javascript DOM. But have no success in getting it to work.
I have written a code below:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function emailRowContent(isSelected, emailAddress, severity)
[Code]...
I have this script which is set to generate random anagrams of my name in rotation which works fine, but I can't work out how to put multiple instances of it on one page.
The code is:
And i'm calling the function using:
looking for a ways to consolidate multiple instances of a function... Here's the current one:
instance:
<div class="hex" onmouseover="onV('N03')">
<p id="Labbbab6">_ _</p>
<p id="Labbbab5">___</p>
[code]....
It could be done by changing the visibility of class"hN" from 'hidden' to 'visible'; and maybe it could be done by making class "hex" last-child visible.Whichever way, the function needs to be attached to the class.
The code works, but it obviously can't be used for more than one picture per page because getElementById finds the first div and always displays it onmouseover of any attempted mouseover text.The Javascript in <head> is
<script type="text/javascript">
// Pop up code begin
function ShowPopup(hoveritem)
[code]....
So the display code is
<a id="hoverover" style="cursor:default;" onMouseOver="ShowPopup(this);" onMouseOut="HidePopup();">text here</a>
<div id="hoverpopup" style="visibility:hidden; position:absolute;"><img src="url here"></div>
I just want to be able to have more than one instance on each page and still be able to declare the image url in the body and not within the javascript.
I am using PhotoShuffler on my website for a slideshow. But, on my page, I want to have 2 slide shows going. But I can't seem to get it to work - I duplicated the JS code, and added the number "2" next to all the variables in the second file, to try and make it different, but it still will only fade one slide show, no both at the same time
View 5 Replies View RelatedI have added the Flowplayer jQuery scrollable slider to the web page linked below and I am trying to add more than one instance of the slider to that page. So essentially three galleries. Can someone figure out how to rewrite the jQuery function to accommodate the additional scrollable items on the page?
View 2 Replies View Relatedove the plug-in but have come across a puzzle. i am trying to use multiple (5-8) instances of the jTip theme, jTip Style clueTip. The first tip shows as expected using the code <a class="jt" href="health.html" rel="health.html">Health</a> However, the second tip shows the new ajax file but as soon as i move off of the word, the tooltip closes. i know this has something to do with the jt:eq() class, but i'm having no luck in changing it to make the second instance stay open on hovering.
[Code]...
i somehow figured out how to have multiple instances of the jquery scrollbar on the same page - however, i would like to use those scrollable divs in a auto-centered fixed width layout. i cannot seem to be able to modify the code in a way so the scrollbars move with the centered layout.i could imagine this could be of interest for others too since this technique finally gives cross platform identitical scrollbars and would help unifying designs.
View 6 Replies View RelatedI can't seem to get my second lightbox to launch into the lightbox. The first instance is fine and working perfectly. I'm assuming its some kind of code in the header to make it work but not sure at all.
<!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>
[Code]...
I'm trying to set up multiple instances of the galleria plug in on the same page. Here is the page I am working on[url]...
I don't really know javascript very well so that's why I'm stumped.
I'm working on a component for Joomla in which I'm using jQuery. My problem is that when another component loads jQuery after mine, all plug-ins I'm using are being overwritten by the last jQuery initialization.
I have 2 possible solutions:
1. Load all add-ons on document ready or basically AFTER any jQuery initializations in the HEAD of the document
2. Rename the jQuery static object to something else (like myJQuery for example) and then extend it with the plugins.
The 2nd option somewhat guarantees me that my object will be properly initialized with all the code I need, but it mothers me that it may overload the browser in some way.
I have two scrolling RSS feeds at [URL] at the bottom of the page.
I've created these by calling a php document containing the script and the feed.
I can't get any more than one to work. I've tried it a hundred different ways and no joy.
Trying to get this to work individually with each individual instance on the page (usually 5-10 questions on each page)Right now it adds the class to every instance of the div that has the answerCorrect class. need the link to only turn on the specific answer associated with it.
<script type="text/javascript">
$(document).ready(function(){
$(".showAnswer").click(function(){
[code]....
I've been unsuccessfully trying to get the datepicker to work on multiple instances on the same form.
Head:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
[code]....
I'm somewhat new to jQuery and writing jQuery plugins, but I'm trying to find a way to be able to have seperate instances of a jQuery plugin with different options.So far, the tutorials I've come across can allow multiple instaces, but the options are not independent.This is the framework I've constructed:
Code JavaScript:
(function($){
$.fn.myplugin = function(options){
[code]....