I have advertiser adbrite, and they are pressuring me to create a mature content gateway. Do you know how on some porn sites it has "click here if you are 18 and older to proceed" and "Click Here to exit if you are not over 18" (redtube.com has an example) I have figured out the easiest way for me to do this is: when a user clicks on a link to mature content, they are redirected to the mature content gateway. the gateway will have options: "Continue" and "Exit" Continue will link them to the original Mature Content URL, while Exit will reffer them to the home page.
I have cpa gateway on a site that when the customer completes a function of the gateway.The external js of the gateway sends a command to the website to reload the site.Is there any way I can have some sort of event listener to know if that command is sent or not? The problem I'm having is its causing a loop in my existing JS.So it keeps looping the page. I would like to be able to set a cookie when the command is sent and then just have the cpa gateway not load.
I have a jsp page. It display a table contain 3 columns. 1st column display color name, 2nd for purpose of color like that.. Now i need the contents in td element to editable. This is the sample code. here status is a vector table.
I'm using the jquery ui tabs, and right now, if you click on the tab heading, the content just appears below right quick. I'm wondering if it's possible to make it ease in when a tab heading is clicked, like easeInOutCubic like in the JQueryUI development easing folder examples (a whole bunch of visual examples of vertical easing algorithms) ?
I'm absolutely new to JavaScript and HTML, although I've done a fair amount with Visual Basic (VB6 and macros in Word and Excel). I'm trying to create a form with different sections. When the user checks a checkbox for a section, the table with the input areas for that section will appear; if the user changes his mind and unchecks the box, that table will go away. I've played with the visibility attribute, and that works - sort of. I can hide the table from view, but it's still there in the page, taking up as much room as it does whether visible or not. There's a big empty gap containing an invisible table or two if the user only selects the third or fourth section.
function showhide(element){ if(document.getElementById(element).style.visibility=="hidden"){ document.getElementById(element).style.visibility="visible";
I want to add a button or text link next to this field which if clicked on goes to the google maps url querying that postcode
i.e. if the postcode text in the field (form not submitted) was SW1A 1AA then without submitting that form there would be a button / link next to it which when clicked on went to [URL]
Im using a Javascript to load content into a div tag when a link is clicked, but how will i be able to make content load into a div on another page when the linked is clicked.for example, i click the link -> then a new page opens -> and in that page the content is loaded in a div tag.but onload won't work, i want it to load with like [URL]
i try to use ajax with jquery, but i have a problem to make a "while" function inside my jquery file, to replace the former content of a div with the new one :at the beginning i load all the content through php, with a "while" function and then i create the links :
I'm trying to make my body content scroll at the same time as an iframe located within the body. This has to do with the age old problem of mouse focus on iframes. When my mouse reaches the iframe and it takes over focus, I would like the body to keep scrolling until the iframe is right at the top of the screen. After that I want to relinquish focus to the iframe. I don't mind if the iframe starts scrolling as soon as the mouse reaches it, so long as the main body keeps scrolling for a while.
I have several classes named 'ratings_colored'. They all contain a number from 1 to 10. If the number is below 5.5, the number should become red. If not it should become green.
The code below works, but if the first .ratings_colored is higher than 5.5 it will make ALL the classes green. Even the numbers below 5.5! I tried using the 'this' but it didn't work either.
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
I have previously developed two scripts, both of which work really well, however I want to amalgimate them together if possible? My first script loads the content specified into a single div, replacing the content depending on which function is called, it also displays a loading gif during a timeout of 2 seconds. Here is the page:
The content is coming from an Ajax request. The content gets used more than once on the page for other purposes which is why I don't simply change the iframe src--I have to do an ajax request regardless so I'm trying to avoid multiple calls.
After I load the content, I need modify the height of the iframe so it fits snuggly around the content.
Calculating the height isn't a problem with the exception that it's not always correct and I think it's because the calculation is happening before images have downloaded.
I don't seem to be able to rely on a `load` or `ready` event to delay the calculation. The load event is the only one that tiggers on a change of iframe content, but it doesn't see the new content.
I use a small piece of JS code to make different elements on the page show/hide when clicking a link, based on id:
function toggle( targetId ){ if (document.getElementById){ target = document.getElementById( targetId ); if (target.style.display == "none"){ target.style.display = ""; } else { target.style.display = "none"; } } } Then HTML looks like this: <a href="#" onClick="toggle('news'); return false;">Show/hide news</a> <div id="news" style="display:none">BlahBlahBlah</div>
This works. Initially the element is hidden (with style="display:none" property of the element), and the script gets its id and changes its display property to "block" when clicking on a link.
But when Javascript in a browser is turned off, the elements to show are all hidden, and there's no way to see the content of the element.
My question: is there a way to hide toggled elements on page load with JS, so that when it's turned off the hidden content is shown?
Most Jquery I have seen 'pushes' the content above or below it up or down the page as it reveals the hidden content, the above example reveals the content over the top without pushing out any other content which is what I am looking for I have tried to take the code and everything works aside from those tabs!! I was hoping somebody has a link to another site that does the same effect
I have content in hidden (invisible) DIV elements on a page that I want to load into another DIV element on same page. I need to replace content currently in a DIV with that coming from another DIV. DIV ontent could be a P element or a P and IMG element.
I have a page with links that use jQuery to load individual pages of content into a main content area. On one of these pages, I want to be able to link to a specific anchor. (ie, when you click the link named "exec" on the main page, it loads the "services" page and then scrolls to the "exec" div.
[Code]...
Everything works beautifully in FF and Opera but in IE, I get an error message saying "top is null or not an object". It's referencing the line where "target_offset.top" is called, but this is legitimate syntax, so I don't understand the problem.
I am using xmlhttp.open();xmlhttp.send(); to send a php content to a div. This php content is again using the same method to get php content from a further page.The content of the div, does not seem to be using the css and javascript files defined in the calling pages <head> section.
Javascript file: scripts.js client.php ----> loads data from: display_client.php display_client.php ----> loads data from: display_brand.php
I am working on a page, which has menus on the left side in one div, that, when clicked should display a proper content on the right side, in another div. Since the content is rather long I have it in a separate file, so I am trying to come up with a function that will replace the right div contect with that external file content. I believe the function i should use looks something like this:
function ReplaceDiv( DivId, NewData ) { var data_div = document.getElementById( DivId); if( data_div ) { data_div.innerHTML = NewData; } }
I tried to use this in my page as following: <a href="" onclick="ReplaceDiv(MyDiv, NewDataFile.php )">Menu Item #1</a> But it does not do what I need it to do. The menu link disappears and the right div content stays the same