So I'm making an ecommerce store and I'd want to hide a product scroller and a banner if the page is any other than index.php, and I know jQuery has the .hide function, but all the examples link it to a button/link/other but I don't understand how to code a conditional statement that hides the code if the page loaded is anything else than index.php.
View 2 RepliesI'm having a problem on: [URL] I've got a menu on z-index:0; and a footer on z-index:1; if you're doing a mouse over, the menu pops up under the footer. But the menu is longer than the footer (it's a png image) so you see the menu stock under it what isn't exactly the meaning. if there was a overflow-bottom:hidden; it's was solved but now i don't know what to do!
View 3 Replies View RelatedI need to somehow hide this block of HTML code in my page. Now I have no control over the code as it comes from another site so there is no ID or anything. If the <a> or <td> tags had ID I could hide it with javascript.
Code:
<tr>
<td>
<center style="color: rgb(82, 87, 87); font-size: 10px;">Some Text <a target="_blank" style="color: rgb(82, 87, 87); font-size: 10px;" href="http://google.com/">google is good</a>
</center>
</td>
</tr>
I know that we can combine 2 pages into one, but i dont know what exact terms it called or say open and hide?
I have 2 pages, view.php and comment.php. inside view.php there will be a link to open comment.php. instead of doin this, i want to put the codes in one page call comment.php. i'm quiet sure that it using javascript, using id, onclick and sometimes called frames(not sure...) ?? but i dont know how to implement it. So can someone gimme any reference that i can refer to? example and solution aso can so i can get an idea on it.
I searched before more and more but I can't find those things that exactly I want.
I'm on design a new website, you can see this page: [URL]...in this page I have 3 hidden DIV, and at top of content area I have 3 buttons (About, Karan Group, Contact), please click on those buttons and see action.
I'd write this motions by jquery but it's really really amateur! because I have to define all things like below codes (as working for output):
[Code]...
I am trying to hide this code:
HTML Code:
using this code
HTML Code:
This works fine when I place this code under the html in the main source, but if I try to add this Jquery code to an external js sheet it doesnt seem to work?
Currently my js sheet is called in the header, when I move this link to the footer of my page the code works again, so Im guessing this has something to do with where the jquery code is placed in relation to the code Im trying to hide?
How I can keep my js in the header but still make the content disappear on click?
I found a Java that could hide two <div> with an id="widescreen" on my sharepoint2007 page. But when I added a certain webpart, my script did not triger.
Then I found a jquery scirpt that I used to hide some list hedings. I noticed that the jquery script do triger even with the webpart on page, that blocked the javascript.
Im a bit lost with java and jquery, but it would be nice if I could get the java into jquery format, and try if that works beter.
Here is the Java script that hides the <div id="widescreen">:
This is the jquery that hides the headings:
Is it possible to write the Java "hidenews6()" into jquery format?
So... i wanna to open late us say... "www.name.com/test.php"We will get to the domen, but in the adress will it still stay "www.name.com/index.php", how can i do this?I know this will work because i have seen it on one pages, but i don't remember the adress to the site, so can you please help me with this, and give me a example. :)
View 1 Replies View RelatedI am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() {
var active = $("#tertiarynavigation .bordered").get(0);
var num = $("#tertiarynavigation li").index(active);
alert("Index: " + num);
[Code]......
I am trying to make a gui for clients to edit a php page that displays html and javascript.
I want the user to be able to move html elements around and even edit it like add effects like fade in and out etc.
Then after all the changes I want to overwrite the existing php file that does this for that user. how can you make such changes and then save it to a file?
It's an html / javascript editor but using a gui instead of allowing them to directly touch the code. It would be a security risk if I allow such a thing. So I need to program a interface that would make such changes and save them to file.
Like how can you delete and add new javascript code to the file?
I have these div tags, they're very similar but I just need to change the IDs.
Is there anyway to condense this code:
I have developed a new site in PHP.Its done using modules and call each page in index page :[URL]... But my client want a color change on the current page select. So how can I do it using JS ?
View 2 Replies View RelatedI have the following line of code in a page and I need to 'hide' the entire row [code]...
Is there a way to do that?
Im developing a site for my company that will contain relevant information on sites we serve (such as login details, passwords, addresses etc). It is available locally on our intranet due to the fact we have login details and such.
Anyway on the sidebar of my site (which is run on Wordpress), I have all the sections for the sites.
When a user clicks item #1, it expands and shows all the sites in that area.
The one problem is that when the sections are clicked on, they just expand in a very plain boring way.
I need it so that there is some sort of smooth transition between opening and closing the <div> sections.
Here is the current code I have now (I tried to edit as much of the comments as possible so it will make sense):
<script>
I found it on google, and modified it without having to change anything on the sidebar itself, just a simple paste to the head section.
This code also hides other currently open sections, so that only one may stay open at a time.
I found an issue with using embed code and jquery's show()/hide () method. I am using embed code inside of a div. So it looks something like this:
<div id="test">
<embed>
whatever here
</embed>
</div>
Now on that I want a user to be able to click a button to show/hide the content. So I create a function like this:
<script type="text/javascript">
function showEmbed(){
if($("#test").show()){
$("#test").hide();
} else {
$("#test").show();
}}
</script>
I then binded that to just a basic text link:
<a href="javascript:void(0);" onclick="showEmbed();">show/hide</a>
Now that works fine as far as showing/hiding the embed code. However, there is one issue with this. When I click the link it reloads the data. I do not want it to reload the data. Say for instance there is a video playing in there. If you click the link it will stop the video
and when you click it again to show it will start again. How to get it not to reload the data.
I have to do in plain JavaScript something that I'm much more used to doing in jQuery.. this is for a standard tabbed-content show/hide div switcheroo.. here's the jQuery code:
$('.tabs a').click(function(e) {
e.preventDefault();
$('.tab_content_wrapper').hide();[code]....
'this' evidently does not refer to the element that was clicked on...also, can you refer to elements by their class name? also, is it possible to do event-binding in plain JavaScript w/o using individual id's for the clicked-on elements?
Can someone direct me to a tutorial that will give me step by step instructions on how to link xml to my index page. I don't quit understand the concept around xml. and how it work with an index page
View 1 Replies View Relatedhow to add pop up window in my home page.
View 1 Replies View RelatedI recently learned that the <option> tags can not use the onclick attribute inside of IE.This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches).I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser, and no errors are reported back through firebug or IE.Excuse my sloopy attempt at {smarty tags} this script is written in a bunch of PHP object->vales and to save space cored the issue down to it's basics.On change of the select box, the value="5-28" is sent to javascript showBox to split the number away from the id_trips and only focus on the locations (the number before the '-' . IF the location matches the switch value then the box should show / hide or value change. The IDs are all correct I just think that there is a ' or a " or something off as I am not a javascript expert.
my SQL return values
<code class="php">
//PHP VARIABLES from QUERY sample loop 1
[code]....
I have the below array called "results". When I loop through all document elements I would like to check "field_name" against the "results" array and see if it exists and what index number it is at??
// Split the comma delimited response into an array
results = result.split("~");
//Loop through array and populate fields[code].....
I want to use the same Photoslider II code but for three different slideshows on same index page. The problem is one works fine but when I add another one on same page everything gets screwed up. The code is below but how can I make adjustments so each one works independently? Code:
View 1 Replies View RelatedWould like to say right away that I'm a massive newbie on this and the project below is something I'm creating for others but also to help me learn at the same time. First of all I have my Index file. This contains 3 divs (MainDiv TopDiv and BottomDiv) in which I load iframes onto using innerhtml using this code.
function loadPageX(pageAddress,containerID
{
var el=document.getElementById(containerID)
el.innerHTML="<iframe src="" + pageAddress + ""height="100%" frameborder="0" width="100%" ALLOWTRANSPARENCY="true"></iframe>"
[Code]...
I need guideline with a script I am using for a link on my index page to load up a different page with two iFrames on it and at the same time load up different pages in each of these iFrames. I have achieved this with only one iFrame so far with this script:
1. <script type="text/javascript">
2. <!--
3.
4. function loadIframe(){
5. if (location.search.length > 0){
6. url = unescape(location.search.substring(1))
7.
8. window.frames["main"].location=url
9. }
10. }
11.
12. onload=loadIframe
13. //-->
14. </script>
15.
16. <a href="mainpage.html?about.htm"</a>
So basically when I click on Link1 on Page1 it takes me to Page2 with iFrame1 with a page loaded and iFrame2 with nothing loaded whereas I would like Link1 on Page1 to load up Page 2 with two different pages loaded in the iFrames all at the same time.
I have a site built in CI and I have integrated a js/jq image slider into the index page. I linked all the files to the correct places but for some reason the js isnt working? Some of the fonts in the slider are controlled by js files, and they are displaying correctly, so i know the files are linked ok, but for some reason its not grabbing the code to control the slider. I am not sure if its something to do with the file structure used in ci? Is there something I need to be adding in any config files to make js work in ci? I also tried nivo slider and had similar results. and ive had no luck at all finding a slider built for use in ci....
View 2 Replies View RelatedMy project is stated in the title, I want to let users who want to see my portfolio click on a button and the portfolio page slide over my index page. Ex. at www.visumdesignz.com over to the left is a button that says portfolio. when you click on it an extruder pops out, I used the extruder for another function, I decided I didn't want that function, but it gave me this idea. I want the extruder to slide over all of the content.
I noticed the facebook app has a similar function to what I am looking for, take a look at it, when you are looking at your dashboard the news feed slides off to the side, that's a similar idea, even though this isn't mobile, you get the idea, at least I hope.
I am trying to load a different index.html page for each different screen size that the browser has. So the page looks best at different resolutions.I am not really able to test it since I haven't finished building all the different resolution index pages yet. I am just wondering if anyone sees any glaring errors in my coding.This is my script:
<script src="javascript/stndlibrary.js">
var screendim=getWindowSize();
var screenwidth=screendim[0];[code]......