JavaScript - Site Should Not Working On Host Server !!!!!!!!!

Hi,

I am working on the following page: http://www.reutin-international.com/redirect.html

There is a news script on the right-handside which rotates news items (a kind of scroller).

Locally this works without any problems, but once I've uploaded it to the hosting server this doesn't work. There is no javascript error sign.

I have double checked with the hosting and they support javascript by default.

If anyone has any ideas it'd be appreciated!

Thanks!

Hi,

I have created a global navigation includes document. Unfortunately the drop down menus that are part of the navigation aren't working. They worked fine when they were part of the page, but now that they are separated from the page as includes the drop down menus don't appear in my test site (posted to a web server). All other content in the includes file appears and works. Any ideas?

Thanks for your help.

Hello,
We have jcarousel on our forum site which rotates automatically. It is vbulletine forum. In fact originally it was working fine with old design and rotating images automatically in horizontal direction with a set of 5 images visible at a time and total 12 images in set.

But we have upgraded our forum design in last week and I started getting issues with Jcarousel scroller.

Our site URL is http://newtest.naturalparenting.com.au
Please go at any topic and post page finally, Below first post there is a scroller
e.g http://newtest.naturalparenting.com....ad.php?t=42713


While old site design is still active at
http://ninad.naturalparenting.com.au
Please go at any topic and post page finally, Below first post there is a scroller
e.g http://ninad.naturalparenting.com.au...ad.php?t=40745

At new design when we implemented jcarousel scroller it is showing only one image in a horizontal row at jscroller and it disappears immediately and after 3-4 min it do reappear again. When I inspected it using firebug I have noticed that other images are coming below vertically not horizontally, really strange. Also I noticed another thing is that it is not updating width at element.style in firebug for UL tag. It is showing fix width 220 px all time. I think due to that all images appearing vertically one after one rather than horizontally.

It is really very strange issue for me. I have tried all ways to fix it but alas !!!

Any help would be greatly appreciated.

Code:

<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {
 -moz-border-radius: 0px;
 background: transparent;
 border: 0px solid #CEC8B7;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
 direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
 width: 695px;
 padding: 20px 30px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
 width: 75px;
 height: 220px;
 padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
 height: 220px;
 margin-left: auto;
 margin-right: auto;
 width: 675px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
 width:  75px;
 height: 220px;
}
.jcarousel-skin-tango .jcarousel-item {
 width: 75px;
 height: 75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-left: 0;
 margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
 margin-left: 10px;
 margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
 background: #fff;
 color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
 position: absolute;
 top: 83px;
 right: 5px;
 width: 32px;
 height: 32px;
 cursor: pointer;
/* background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll right top;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
 left: 5px;
 right: auto;
 background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll right top;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
 background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
 background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
 position: absolute;
 top: 83px;
 left: 5px;
 width: 31px;
 height: 31px;
 cursor: pointer;
 /*background: transparent url(images/checkout/nivo_nav.png) no-repeat scroll left top;*/
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
 left: auto;
 right: 31px;
 /*background-image: url(images/checkout/nivo_nav.png);*/
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
 background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
 cursor: default;
 background-position: -96px 0;
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
 position: absolute;
 bottom: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
 background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
 background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
 position: absolute;
 top: 5px;
 left: 43px;
 width: 32px;
 height: 32px;
 cursor: pointer;
 background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
 background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
 background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
 cursor: default;
 background-position: 0 -96px;
}

#upsell {
margin-bottom: 10px;
margin-top: 0;
text-align: center;
}

#upsell li {
 border: 0 dashed #CCCCCC;
 float: left;
 height: 220px;
 list-style: none outside none;
 margin: 0 10px 0 0;
 padding: 2px;
 width: 125px;
}
</style>  
<script type="text/javascript" src="/resources/scripts/jquery-1.4.2.min.js"></script>

Hi, I really need urgent help. I am using a javascript on a DotNetNuke CMS site to allow the user to choose text/background colour, basically it changes stylesheets. Here is the code that I have used: http://www.dynamicdrive.com/dynamici...etswitcher.htm and here is my example: http://lrptintranet.com.dnnmax.com/ - you can see the colour image buttons top right under the main menu. The style sheet changer seems to work on the top menu level items but as soon as you choose a submenu the javascript doesn't seem to work. I don't know anything at all about javascript - can anyone offer any advice how I can get this working on the sub menu pages?

I have the following JavaScript (see below). The script requests an XML file from the server and displays it on the page.

The script works fine when the requested XML file is stored on the same server as the script.

The problem is when I try requesting an XML file from an external server such as the National Weather Service. I get an error. If I take the XML file from the National Weather Service and save it to my server it works. Why can't I use my script to request XML files stored on external servers?

Thanks in advance for any help.

Javascript Code
Code:

window.onload = initAll;
var xhr = false;

function initAll() {
document.getElementById("makeTextRequest").onclick = getNewFile;
document.getElementById("makeXMLRequest").onclick = getNewFile;
}

function getNewFile() {
makeRequest(this.href);
return false;
}

function makeRequest(url) {
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) { }
}
}

if (xhr) {
xhr.onreadystatechange = showContents;
xhr.open("GET", url, true);
xhr.send(null);
}
else {
document.getElementById("updateArea").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
}
}

function showContents() {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
if (xhr.responseXML && xhr.responseXML.contentType=="text/xml") {
var outMsg = xhr.responseXML.getElementsByTagName("choices")[0].textContent;
}
else {
var outMsg = xhr.responseText;
}
}
else {
var outMsg = "There was a problem with the request " + xhr.status;
}
document.getElementById("updateArea").innerHTML = outMsg;
}
}

HTML Code
Code:

<!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>
<title>My First Ajax Script</title>
<script type="text/javascript" src="script01.js"></script>
</head>
<body>
<p><a id="makeXMLRequest" href="http://www.weather.gov/xml/current_obs/KOJC.xml">Request an XML file</a></p>
<div id="updateArea">&nbsp;</div>
</body>
</html>

Hello All,

I have a form where I ask my users for a comma seperated web site list.
I want to make sure this list only contains the host names of URLs without any white spaces

Original list: site1.com, http://site2.com, http://www.site3.com,sub.site4.com
Edited list: site1.com,site2.com,site3.com,sub.site4.com

Currently I have the following to get the comma separated list

Code:

var list = document.getElementById( "list" ).value ;

Can some one please help me with above task
I highly appreciate your help or direction.

Hi Guys,

I'm embarking on a new project - although I've hit a wall.

I require a page to refresh at a scheduled date and time, several times a day.

For example, I would like the web page to reload the index at 3:15PM

So if anyone has the web page open during that time, it will automatically refresh for them.

Timing is quite important so I would need the script to use the server (hosts) time and not the end users time.

I am currently deciding on which server language to use, although Javascript is probably a suitable option? or would ajax be more the thing for this?

The webpage must execute the refresh at the time 3:15pm, so no matter when someone visits the page, even if its hours before, it must refresh at that time.

If anyone has any pointers on the best way to achieve this and what language to start with I am forever greatful

I do a lot of image design work and although I have worked with a few coders in the past but I haven't gone too much into coding myself, but its something I'm going to take time to learn and get involved in, so I'm not looking for script hand outs here, mainly just a nudge in the right direction.

Thank you guys!!

I need help to make a Server to server connection

I already have a server connected to clients, clients send msgs and it echoes back to all of them and now i want when a client sends a msg it echoes on his server and the other server too .. so when any of the clients on any of the servers sends a msg it is broadcasted all over the servers to all clients

This is my SERVER code

Code:

import java.io.*;
import java.net.*;

public class MultiThreadChatServer {

	// Declaration section: This part to declare the server socket, client
	// socket, input stream
	// and output stream

	static Socket clientSocket = null;
	static ServerSocket serverSocket = null;

	// server can hold up to 10 clients

	static clientThread t[] = new clientThread[10];

	public static void main(String args[]) {

		int port_number = 6000;

		if (args.length < 1) {
			System.out.println("Server Started \n" + "Now using port number="
					+ port_number);
		} else {
			port_number = Integer.valueOf(args[0]).intValue();
		}

		// Initialization section: Where I try to open a server socket on the
		// given port

		try {
			serverSocket = new ServerSocket(port_number);
		} catch (IOException e) {
			System.out.println(e);
		}

		// Create a socket object from the ServerSocket to listen and accept
		// connections
		// Open input and output streams for this socket will be created in
		// client's thread since every client is served by the server in
		// an individual thread

		while (true) {
			try {
				clientSocket = serverSocket.accept();
				for (int i = 0; i <= 9; i++) {
					if (t[i] == null) {
						(t[i] = new clientThread(clientSocket, t)).start();
						break;
					}
				}
			} catch (IOException e) {
				System.out.println(e);
			}
		}
	}
}

// This client thread opens the input and the output streams for a particular
// client,
// ask the client's name, informs all the clients currently connected to the
// server about the fact that a new client has joined the chat room,
// and as long as it receive data, echos that data back to all other clients.
// When the client leaves the chat room this thread informs also all the
// clients about that and terminates.

class clientThread extends Thread {

	DataInputStream is = null;
	PrintStream os = null;
	Socket clientSocket = null;
	clientThread t[];

	public clientThread(Socket clientSocket, clientThread[] t) {
		this.clientSocket = clientSocket;
		this.t = t;
	}

	public void run() {
		String line;
		String name;
		try {
			is = new DataInputStream(clientSocket.getInputStream());
			os = new PrintStream(clientSocket.getOutputStream());
			os.println("Enter your name.");
			name = is.readLine();
			os.println("Hello " + name
					+ " you can now start chatting with all the connected chat-mates");
			for (int i = 0; i <= 9; i++)
				if (t[i] != null && t[i] != this)
					t[i].os.println(".." + name + " has entered the chat room ..");
			while (true) {
				line = is.readLine();
				if (line.startsWith("/quit"))
					break;
				for (int i = 0; i <= 9; i++)
					if (t[i] != null)
						t[i].os.println("<" + name + "> " + line);
			}
			for (int i = 0; i <= 9; i++)
				if (t[i] != null && t[i] != this)
					t[i].os.println("" + name + " has left the chat room ..");

			os.println("Bye " + name + " ..");

			// Clean up:
			// Set to null the current thread variable such that other client
			// could
			// be accepted by the server

			for (int i = 0; i <= 9; i++)
				if (t[i] == this)
					t[i] = null;

			// close the output stream
			// close the input stream
			// close the socket

			is.close();
			os.close();
			clientSocket.close();
		} catch (IOException e) {
		}
		;
	}
}

I'l not good in Javascript and I can't find anything about what I want.. .

On a sports website there is a table with our ranking and results. On this site the content is changed weekly, but it stays in the same tables.. .

Is it possible to make a javascript to get those tables and put them on my own website so the content will change on my site when the content is changed on the sports site?

Please help me, it would save me lot of time.. .

THx

Hi All,

I have two sites using zeroclipboard (hosted at google code) one works only in firefox and barely, the other is not working at all. It does use Flash, but I think the issue is on the js side of things.

On both links, clicking the filename below the thumbnail will copy and add the link as an IMG code to a div below.

*working* link
http://pics.boasbysatyra.com/access/spiders.php
This one only works in FF, and the clip area is offset badly.

Here is the template for the zc code:

Code:

<div class="photo" style="float: left; padding: 4px;">
<div class="exif"><a href="[~41~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://pics.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>

And the JS for the page:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}

Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');
function initMenu() {
    $('#menu ul').hide();
    $('#menu ul:first').show();
    $('#menu li a').click(function() {
        var checkElement = $(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            //return false;
            }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
        }
    });
}
$(document).ready(function() {
    initMenu();
});

Now on to the totally broken one - it creates the elements required, but gives them a 0x0 area!

http://jb.boasbysatyra.com/forum-pic...cs/nature.html

Code:

div class="photo" style="float: left; margin: 4px;">
<div class="exif"><a href="[~133~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
<div id="d_clip_container[+filename+]" style="position:relative; width: 120px; height: 0.5em;">
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://jb.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]','d_clip_container[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>
</div>

On this one I wrapped it as suggested on the zc site, I originally started with the code for the other site - it didn't work, so I went tweaking...

Here is the JS:

Code:

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}
Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){needRef = 0; window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');

$(document).ready(function() {
$(".dim img").fadeTo("slow", 0.65);
$(".dim img").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.65);
});
$('#mainContent').hide().fadeIn(1200);
        //When page loads...
        $(".tab_content").hide(); //Hide all content
//      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
//      $(".tab_content:first").show(); //Show first tab content

        //On Click Event
        $("ul.tabs li").click(function() {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
        });

});
(function($) {
   $(document).ready(function(){
 $('.menu1').ptMenu();
       $('.menu2').ptMenu({vertical:true});
   });
})(jQuery);

I have taken a look at this for a few days and tried many things with no luck, any help is appreciated.

Thanks!

Ok, here's the page as it is right now:
http://www.crackin.com/dev/index.php

The paganation for the top 3 images is Sweet Pages: http://tutorialzine.com/2010/05/swee...tion-solution/
The content loading below is a page-replace script I got he http://css-tricks.com/dynamic-page-replacing-content/
And I'm also trying to integrate shadowbox (or lightbox, whichever will work) into the lower set of images.

I have 2 problems right now I can't figure out, and I'm sure it somehow has to do with the fact I'm trying to mash 3 different JS addons into a single page, I'm still pretty new to this whole JS thing...

First problem I'm having is that IE7 and Opera don't like the links in the upper images. Clicking a gallery image does not load the associated page below from those 2 browsers, however IE8 and FF seem to work fine.

Second problem is getting shadowbox/lightbox to work on those lower images. I tried a couple different things but main thing I did is make sure the script is actually working by setting the header text to a link with shadowbox attached and that worked. That same link doesn't work when applied to the lower images (loads image in new window). Lightbox does the same thing.

Thanks for any help.

hereis the html file and javascripton click of this button a
html *****************************
<table class=matcolor id=topnav cellspacing=0
cellpadding=0 width=550 border=0 bgcolor="#FFCCCC">
<tbody>
<tr align=middle>
<td id=menu1
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Desk Top Publishing </font></div>
</td>
<td width=1 bgcolor=#ff9900 class="mat"></td>
<td id=menu2
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Transcription</font></div>
</td>
<td width=1 bgcolor=#ff9900 class="mat"></td>
<td id=menu3
onMouseOver="this.className='mPrimaryOn';showmenu(this);"
onClick="this.document.location.href=''"
onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20">
<div align="center"><font color="#FF0000">Accounts Processing </font></div>
</td>
</tr>
</tbody>
</table>
*****************************************

<script language=JavaScript>
ix = document.getElementById('tblmenu1').getBoundingClientRect();
new ypSlideOutMenu("menu1", "right",ix.left + ix.right ,ix.bottom + 10);
</script>
**any thing i have to alter to work in firefox
please help

At the moment I have an exchange server which enables shared calendars.

I would like to use Javascript to write to a shared calendar i.e. add a event.

Can this be done?

Hi,
I am hosting my website in free server (freehostia.com) and i am using joomla1.5 . I want to parse RSS from my other websites. Joomla does it with its modules. But the server do not allow outbound HTTP request, hence i had use rss-to-javascript website to parse RSS feeds. It parses well but there is its advertisement below the feed (which i think is nonsense).

The link it provides is in the format of
<script src="http://somethin.com/somdfile.php?parse=.."></script>

when i put the link in my browser i see following
document.write("string of my parsed xml file with advertisement at end");

What i want to do is get the sting of above line and edit it to chop off the end advertisement.

if there was any method to load that output sting in any variable, the task would had been completed.

If anybody knows how to do it, please help me.

if the proxy is an intermediary between the client and the requested url
could that url be sent to two different clients in response?
so in stead of this

[client]<-->[proxy]<-->[website]

it would be this

[client1]<-->[proxy]<-->[website]
.................. /
...........[client2]

meaning if [client1] requests "google.com" on the proxy server
the proxy server will request "google.com" and send it back to [client1]
as well as [client2]

it would just be url sharing between two people, like a real time delicious.com