JQuery :: Simple Code To Format - Hide Two <div> With An Id="widescreen" On My Sharepoint2007 Page
Sep 2, 2011
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'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.
I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover.
Here is the code I'm using:
There are about 70 words in a box with the definition being reveals on the right hand side. Is there a way of making sure there is always only one definition being shown?
I 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.
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.
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 have a series of links on a page whereby when the user hovers over the title then an image appears next to the link so it basically shows/hides the image on mouseenter and mouseout. I'm presuming this is a fairly basic jQuery request but I've been hunting around for a while now and can only seem to find more complex examples that I can't seem to disect.
The code in my page is:
So when the user hovers over the "Link" then it will show "myimage.jpg" next to the link.
I've tried to address this issue multiple times, and yet IE 8 simply ignores it. I know jquery has the capability of operating correctly with other examples, but the below code just doesn't seem to satisfy it.[code]
For example I have this sort code: for ($i=0;$i<$db;$i++) { $t1="toggleh$i"; echo "<div class='c'>Test<input name='$t1' type='image' id='$t1' src='test.png'/></div> <br>"; } I try to make clear the screen for users, so I use hide & show to hide some row on screen what users actually don't need...
The JS part of code is something like this: $('#toggleh0').click( function() { $('div.showhide').toggle(400); }); $('#toggleh1').click( function() { $('div.showhide').toggle(400); }); $('#toggleh3').click( function() { $('div.showhide').toggle(400); }); . . . I dont know how can do this dynamic. So if "$i=6;" then I need toggle 0-6 function...
I'm totally new to jquery, however I got a script working The script is looking for images with the class "thumbnail" and exchanges them by rollover....
I can't figure out how to properly format the code below. I am looking to add breaks after where it says below. Also to change the color if possible. function isPPC() { if (navigator.appVersion.indexOf("PPC") != -1) return true; else return false; } if(isPPC()) { document.write('<b>Send <A CLASS="contact" HREF="mailto:?subject=ADD A BREAK AFTER THIS ' + document.title + '?body= ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>'); } else { document.write('<b>Send <A CLASS="contact" HREF="mailto:?body=ADD A BREAK AFTER THIS ' + document.title + ' ADD A BREAK AFTER THIS ' + '" onMouseOver="window.status='Send your friends e-mail about this page'; return true" TITLE="Send your friends e-mail about this page">this page</A> to a friend</b>'); }
I am in the process of using the split function for splitting strings into an array. The problem I am dealing with is how to do this with local language. Not all languages us the space " " delimiter between words to write a phrase or sentence.
I have a list of all of delimiters for english, japanese, chinese, korean in Decimal Code Point format. For example, the decimal code point equivalent for " " is 32. Is it possible to use the javascript split function with decimal code points? If not, how can I reformat them into a format that js would understand?
Iam using JQuery DatePicker Plugin , created by Kelvin Luck [url]. Plugins default format is d/m/Y. how to change its default format to US Date format (m/d/Y).
<script type="text/javascript"> function toggleVisibility4(controlId) { var z = document.forms["frm_sms"]["phone"].value;
[code]...
im not sure where im going wrong i am calling this script from a " onkeyup="toggleVisibility4('arrow')" " the arrow is a div i am wanting to hide when the input field "phone" on a form id of "frm_sms" has more than 10 characters
So I have a CSS stylesheet which sets the div called mainchat to display:none;. That's fine, but then I wrote a script to show/hide the div by using a link. The link is set to onclick="showhide()".
When I click the link, the div opens up and the contents can be seen. Perfect. But when I click the link again, I want it to hide again (i.e. display:none
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 should be working. At least to my knowledge. Can anyone tell me what I'm doing wrong?! I just have 3 divs orignally set to hidden, set to visible on link click. The code speaks for itself (I hope).code
MY PROBLEM: OK, if you load this up into your browser, you can see I have two lines of text that show/hide themselves by clicking on the other line. I know how to set the cookie name and the two different values ("show_hide_cookie=line1", "show_hide_cookie=line2") and I can see that they are there when I view my browser's cookies. But I've spent hours trying to figure out the javascript code to get it to read the cookie and remember the preferences. Right now of course, if you click on the first line and then refresh your browser, it resets the second line back to the first line.
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?
