I'm working on a function of my page that contant must be visible on another sites. Just like google ads, maps and so on..
The question is how do I create that portion of javascript that my friends can embed on their sites (without useing IFrame!)
I need to html encode all text field values on the client just before
sending them to the server. A javascript equilalent of Server.HTMLEncode in
IIS. I also need to be able to perform the reverse.
All I am trying to do is ensure that if a user enters html tags in the a
form, that the tags does not get parsed by the browser.
Currently prototype does not support cross site ajax, such as dojo or jquery.
This is unfortunate, cause I am really used to prototype and would like to use this functionality.
What would be the best way for me to implement cross site ajax for prototype.
Note that I will still need the normal ajax functions as well, so a nice extend or something would be good.
I am trying to find the simplest, most cross-browser friendly dynamic navigation for my site. I tried to use a CSS version (Suckerfish) and it worked ok but it destroyed the formatting I had. I would really like to implement this kind of dropdown on my main navigation so users don't have to click and wait for a page to load. If possible, I'd like very few lines of code. That's why the CSS option was good... there was very little javascript.
View 7 Replies View RelatedI've recently been working on a small AJAX/PHP plugin, its very easy to understand, you just call the page and it returns a quote from a database in html, something like
<strong>quote here.. <em>author name</em></strong>
And then you style it however you want, its good for semantics that way, you would typically wrap it in a div and update that div with the output each time from your ajax.
It all works fine, and you can see an example here @ www.theshadownest.com.au click on the clock, and you will see the quote come up. disregard the other stuff in the box.
The idea i had for this was set up a large database of quotes with simple semantic output and let Ajax queries call that page, but i want to be able to call that page output from other servers, urls etc... I thought that would be fine, you just request the page with ajax on your site and it could return the response from my site...
But this does not work, you get a permission denied error in the Javascript, it obviously can't do this.
How do you write a PHP/AJAX plugin that can work from multiple sites, because i want to be able to let anyone make a request, its basically a resource for people who want to add quotes to their site without setting up their own database or writing their own php.
We have a javascript that is vulnerable to XSS because the input to
the script is not being checked for strings such as "javascript",
"eval", "script" etc. I have seen some snippets of code here and
there on how to check the strings but I have not yet found a
comprehensive js library that will clean user input of all offending
characters. What complicates it is that phishers can encode characters
to bypass the usual amateurish attempts to clean strings of offending
characters.
Any js libraries or resources out there anywhere?
I'm using the Dialog of jQuery UI. The problem I'm facing is with some inline added content. Basically inside that dialog I have a button, upon clicking it a list appears after getting its dynamic content through a PHP file, so the list can have 1 item or 100. The problem is that when the length of this list exceeds the height of the dialog box (overflows the dialog), the exceeding becomes hidden instead of appearing outside it... How to overcome this?
View 4 Replies View Relatedsince a few days i try to load external html content from another domain. obviosly it is hard to access cross domain content wit
javascript ajax methodes. first i' ve tried iframes but access denied. after that I' ve tried $.ajax but all request returned zero byte data from server. here is a way that seems to work but raise an error while processing data from text to json object
$.getJSON("http://example.com?jsoncallback=?",null,
function(data){
alert(data);
});
i can see the server response in firebug and it requests the html data. but as i sayd i raise an error while converting to json. any chance to get raw data before jquery konversion? or maybe any other way (s) to request html data in text format from cross domain?
Since the code is triggered ever onclick event it may be resource hungry on large pages.
I guess desired upgrades to suit it more for general purpose and reuse would be:
1> Replace document.write with a way of altering the CSS class rule property. Hard part on this after reading quirksmode would be in targeting the CSS rule in a cross browser, not to intensive way.
2> Find a better cross browser trigger attachment than the current firing on every click.
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Spinner Test</title>
<style type="text/css">
<!--
.spinnerContainer {}
.spinnerLink {cursor: pointer;}
.spinnerContent {display: block;}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
document.onclick=function(evt){
//Credit to Beagle and coding forums http://www.codingforums.com/showthread.php?t=90062
if(!evt){evt=window.event;} // *** IE fix ***
var spinner;// *** element that got clicked ***
// *** Credit to PPK from quirksmode.org for this block ***
if(evt.target){spinner=evt.target;}
else if(evt.srcElement){spinner=evt.srcElement;}
if(spinner.nodeType==3){spinner=spinner.parentNode;} // defeat Safari bug
if(spinner.className=='spinnerLink'){
var contentDiv=spinner.nextSibling;
if(contentDiv.nodeType==3){contentDiv=contentDiv.nextSibling;}
//Action
if(contentDiv.style.display!='block'){contentDiv.style.display='block'}else{contentDiv.style.displa y='none'}
}//from: if(spinner.className=='spinnerLink'){
}//from: document.onclick=function(evt){
document.write('<style type="text/css">.spinnerContent {display: none;}</style>');
</script>
</head><body><br/><br/>
<div class="spinnerContainer">
<span class="spinnerLink">SPIN!</span>
<div class="spinnerContent">Content</div>
</div>
<br/><br/>
<div class="spinnerContainer">
<span class="spinnerLink">SPIN! 1</span>
<div class="spinnerContent">Content 1</div>
</div>
</body></html>
I have some javascript that works in IE, but not in Firefox:Basically, I just want to replace the contents of a span element. Nothing fancy. But all my google searches come up blank, and I'm having a bit of a brain fart.Can anyone show me what is the proper cross-browser method to dynamically replace the text inside a span element?(I did it originally with replaceChild, but after about 500 calls to the js function, the page reloads, and that is not good.
View 3 Replies View RelatedYou've all seen it before banner codes/rss feed displayers/twitter feeds/etc. All you do is copy and paste a <script src="[URL]"></script> somewhere on your website and it retrieves the html from the remote server and displays it on your site. I have a back end php page that pulls the required information from my DB based off a userid passed to it i.e.:
mywebserver.com/display.php?id=xxxx
Is the javascript just a simple ajax call to my php page passing straight on the userid passed to it or is there something more complex to it? I was always under the impression you couldn't do remote ajax calls to a page on a different server, which if I get this right a script off my server included on another domain becomes a member script of that domain and not my own?
I'm would like to add a light box to a site that has content generated by php. Basically it is a property site and will have a thumbnail image and description. When the user clicks on thumbnail I would like to display a gallery of pictures relevant to the property. Each property will be generated dynamically by php. My question is how do I enter the selector for the gallery into jquery. I am thinking of using Fancy Zoom as you can use hidden elements, as the gallery will be hidden.
View 1 Replies View RelatedI'd like to know how you would include updated blog posts in html?
I assume it uses an RSS feed of some sort... but what kind of code is
needed to automatically retrieve the updates from other sites and
include them on one single web page?
(For instance, I want to "include" someone else's web content on my
page as "here's the latest from so and so:" and then you could read
whatever is retrieved from that URL.)
An example I'm talking about is the way news sites offer the news
headlines in a java script box for websites. The web owner just puts in
one code and the headlines are automatically updated by the news
agency... How do I do that or find a template code to change with my
custom information?
I would like to add a simple hide and show to the top of my site.
So for example i have a normal site and at the top i have a button contact form you click it and it reveals the contact form from the top of the browser.
Like Elliot has done on his site for the speaking events.
This is a function to hide and show div
Code:
function ToggleMaktoba (titleImg){
// the id of the content element from the id of the title element
var contentID = titleImg.id.replace (/title/, "content");
var contentDiv = document.getElementById (contentID);
if (contentDiv.style.display == "none") {
titleImg.src = "images/collapse.gif";
contentDiv.style.display = "block";
} else {
titleImg.src = "images/expand.gif";
contentDiv.style.display = "none";
} return false;
}
The problem that I have is that this div is viewed on every page on the site, so if I hide it I want it to stay hidden even when navigating threw pages. If I choose to hide it, it stays hidden, and if I chose to show it, it stays shown.
I have very little knowledge of javascript, other than modifying existing scripts, and I can't find anything about this particular problem. creating a simple script that will display a div ONLY if the user comes from a certain page within the same site.
Not sure if that was clear, but let me try with specifics. There is a link to a page called 'Clients' on the 'About Us' page. If a user goes directly to 'Clients', they should have a normal experience. If, however, they come via the 'About Us' page, I want to display a div at the bottom of the page that will take them back to the 'About Us' page.
I know how to get a referrer, and I know how to show/hide divs. I just don't know how to combine the two.
I have scroll div on the buttom of my page. This div is autoloaded after pressing link via AJAX technology. Everything is ok except position of the web. Right after I press link the view of the page is going to the top. How I could set the view on the div after AJAX content is loaded.
View 2 Replies View Relatedi have to make a simple site for my sister and i am kind of a newbie at the whole web development thing am pretty ok with html tho. wo i was trying to make a slide show on the front page of the site, so i got a little help from a site called java script city,
var my_imgs_off = new Array();
var my_imgs_on = new Array();
/* Set "Off" image URLs */
[code]....
Is there any way to resize an iframe dynamically to the height of its content that works cross browser and works when the iframe content is on another domain than the main page (I have access to both pages, so code can be put in either) Also, it must resize when links in the iframe are clicked (ie when a new page within the iframe is loaded)
View 1 Replies View RelatedI found this script on a tutorial site but it had no summary of browser compatibility or any other issues. I know absolutely nothing about javascript and, although it works fine when I test it,
<head>
<script type="text/javascript">
lastone='empty';
function showIt(lyr)
[Code]...
Im trying to use the jquery tabs with a little javascript, the logic is
1. hide all tab first
2. find the first occurrences of div tag and show the content of it.
and the code is as below:
$(document).ready(function(){
$('#tabs div').hide();
$('#tabs div:first').show();
$('#tabs ul li:first').addClass('active');
});
How ever, when i try to wrap the content under tabs with div as below:
<div id="tab-1">
<div>Content want to display</div>
</div>
the tab becomes blank
First let me admit that my Javascript coding skills are lacking. I know enough to implement and slightly modify existing code, but not enough to write a complex script from scratch.
With that said, I'm trying to implement a navigation system like the left vertical links on this page: [URL]
I looked into using JQuery tabs, but the ul would be too long for a horizontal list. Ultimately, I'm looking to mimic the way this navigation behaves in the way it hides/shows/maintains the content based on the mouseover function. I also looked into using JS to hide/show layers, but it looks like I need something to hide/show divs with HTML content within the normal text flow.
I am trying to learn jquery. my example below is to show and hide content in a group divthe code works but i want to know if this is best practice to write what i did. Is there better way to do it?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
> <head
[code]....
i've a function that when i click on a link a div shows up, and it works nice, but when i click on the div itself the div closes up, and other "bug" is, that if i have 2 or more divs if i click on one link and click on other link the div's stays visible?
jQuery.fn.DivMenu = function(opcoes){
/**
* Valores de defeito.
**/
[code]....
how I can change the code below so that instead of all the fade in fade out stuff the function will actually replace whatever is inside a div called Myholder with the response this script pulls in?
Here's the code I need to change.
<script type="text/javascript">
$(document).ready(function() {
$('#wait_1').hide();
$('#drop_1').change(function(){
[Code]....
drop_1 is the name of a drop down which when changed runs this script which brings back a second dropdown with data relating to the first one.
I have an image that when I click on it I want it to be hidden and content be shown. How can I do this?
View 3 Replies View Related