Simple Bookmarklets
Mar 18, 2003Here's a small collection of bookmarklets for disecting your own (or other people's!) websites. They do things like, show all TABLE elements with a red border, hide non-link images, and so on...
View 23 Replies
ADVERTISEMENT
How Do You Develop Long Bookmarklets?
Jan 16, 2007To edit or modify a bookmarklet code, it must be in the form of a multi
line code in a html file or a js file.
But to test or run the bookmarklet, I need to do three things:
1. go to online bookmarklet builder site
2. paste my (multi-line) code there and generate bookmarklet link
3. drag it to toolbar
And I need to go thru these tedious three steps several times because
developing a long bookmarklet (like MyPage) is not like:
write code -test it -done.
but it's like:
write code -test it -it doesn't work. -modify code(put debugging
code) -test it -it still not work -modify code -...
How do you get around with this tediousness? Is there a way to skip the
three steps?
Small Bookmarklets That Make Testing Easier.
Feb 15, 2004These are a couple little bookmarklets that make testing your pages easier.
This is for adjusting resolution.
<script>
javascript:external.AddFavorite('javascript:void(m=window.open("","m","height=30,width=150"));m.focus();m.document.write('<form><select onchange="opener.eval(this[this.selectedIndex].value)"><option value=""><option value="self.resizeTo(640,480)">640x480<option value="self.resizeTo(800,600)">800x600<option value="self.resizeTo(1024,768)">1024x768</select></form>')','Resize')
</script>
This is for running selected code. You select the code then open the bookmark. (I used it testing this post.)
<script>
javascript:window.external.AddFavorite('javascript:void(window.open("javascript:document.write(opener.document.selection.createRange().text);document.close()"))','Run Code Selected')
</script>
Turn borders on to see table layout.
<script>
javascript:window.external.AddFavorite('javascript:void(t=document.getElementsByTagName("table"));for(i=0;i<t.length;i++){void(t[i].border="1")}','Borders On')
</script>
I use them regularly hope they're usefull to you.
Simple Javascript
Jul 23, 2005I have a form1 with two fields, field1 and field2. I want the contents of field1 to be transferred to field2 onBlur, but with some changes. I want the contents of field1 to have its spaces replaced with Dashes, and all punctuation removed, so this can happen:
FIELD 1 value:
Today's rate is 15%, & the outlook is good.
onBlur should then create a value of:
FIELD 2 value:
todays-rate-is-15-percent-and-the-outlook-is-good
Notice that the "&" was converted to "and", the "%" to "percent". The comma
was deleted and all spaces replaced with Dashes. The second field should
only every contain alphabetic letter, dashes, and numbers.
Simple Replace
Feb 20, 2006I want to replace all occurences of this ),( in my string with a comma .....
statement=statement.replace("),(",",");
This only does the first. I've been reading about adding "/g", but haven't
got it to work. I've messed about with no luck. Any quick pointers?
Simple Ajax
Oct 2, 2006i look for a simple ajax, for a beignner, able to send a request for a text file and show its content in a <div />.
View 6 Replies View RelatedSimple Counter
Oct 26, 2005i need a 5 second counter to start when the page loads. basically the usage is I want people to click a link, and if the page has been loaded for more than 5 seconds, do thisFunction().. if not, do nothing.
so basically
<script type="text/javascript">
window.onload --> start the counter
// when the counter hits 5 seconds, set var done = true;
function thisFunction() {
if (done = true) { proceed with function)
else {do nothing}
}
</script>
...
<a href="linkyPoo.html" onclick="checkCounter">OO oOO, click me!</a>
Simple Validation
Jun 13, 2003I'm trying to write some validation for a field called Propid, in a form called qSearch. Basically if there's nothing in Propid, or it is says "ref no.", I want to alert the user, otherwise, I want the form to submit.
Here's what I have at the moment:
Code:
<script>
function checksearch()
{
if (qSearch.Propid.value!="ref no." )
{
alert ("Select reference number" );
qsearch.Propid.focus();
return;
}
if (qSearch.Propid.length != 0)
{
alert ("Select reference number" );
qSearch.Propid.focus();
return false;
}
}
}
Simple Settimer
Aug 11, 2004PHP Code:
<!--
function submitForm()
{
window.setTimeout(document.email_inner.submit(),5000);
}
//-->
im trying to submit my forum after 5 secounds of viewing the page and i have no knowlege of java wat fo ever but ey told me this is the onlyway to do such a thing ... this i wat i have so far in hte header .... it dose nothing at all
Simple Regexp
Apr 18, 2005im tired of working all day...
please how to delete the value with regexp...
i tried this
bla.replace('value="/.+/"', '');
it wont work...
Simple Animations
Apr 14, 2006Just a few questions about simple animations (that aren't Flash). I've searched around but haven't been able to find anything really concrete about alternatives to JS. Basically in terms of simple animation, is JS the be-all-end-all? What other options are there in terms of simple animated menus (besides Flash & animated GIFs)?
Something like the above Quick Links menu; would something like that be possible in only Javascript? Or would there be an alternative?
Simple Countdown
Aug 21, 2002I'm looking for a javascript that will do a 3 minute countdown and display it on the screen, preferably not in a textbox, but i'm not picky.
Here is how it works. Someone will make a selection from a form. The date/time of that selection is then stored in a database. I want to use the date time stored in the database as my starting time and then countdown 3 minutes. After 3 minutes I would like a message saying Times Up, please make a selection.
Simple JS Link
Nov 9, 2002How do I use JavaScript instead of using this " <a target="_blank" href="http://www.OtherWebsites.com">Other websites</a> " if I want to use a list of JavaScript links?
View 3 Replies View RelatedSimple Check If Odd Or Even
Aug 31, 2009Heres my code:
<html>
Simple 0 To 13 Loop ?
Sep 20, 2011I have a rather simple question. It's been four long years since I last dealt with JS and although I remember the basic concepts behind loops I don't remember how to actually implement them.
This is my current code:
What's bothering me is how redundant it is. I would much rather simplify it into a few lines where i increments by 1 from 0 to 13 in the case of image[i] and cover[i]. Is this possible? And if so, how would I go about articulating it?
Simple Mailto Snippet?
Jul 23, 2005I am building a stand alone html help system (.chm.) So the usual woes with
mailto are not going to be encountered. Likewise I am ensured all my
intended users have Outlook installed. With that said This is what I want
to do.
I have a simple html form with a an radio button option group, a listmenu, a
text box, and a text area. What I would like to do is have a user fill out
this form, and hit a button that sends the results via outlook. The TO, CC,
and subject fields will be hard coded. I want the option from the list menu
on line one, the radio button on line two, the text box on line three and
the multi-line text area starting on line 4.
I haqve searched the web, and groups all day to no avail. Everything I have
tried simply fails. I even tried breaking this down into a simple one text
box one button, with no good results via javascript. I can get it to work ok
without javscript, but instead of new lines they just overwrite each other.
Simple Prev/Next Navigation
Jul 23, 2005I would like to have a navigation menu with prev/next in a top frame
and in the main frame a PDF file.
I think this might be possible with javascript:
- get current file name
- go to next prev in the list of 10 files
How To Write A Simple Vertical Nav Bar?
Jul 23, 2005does anyone know how to write a simple vertical javascript nav bar?
View 3 Replies View RelatedSimple Form Validation
Oct 15, 2005I've been playing with this form validation method for a while and have
tried an array of things but haven't had any luck with a couple items.
1. The validateForm() function doesn't detect when the Min price is
greater than the maximum price.
2. The validateForm() function doesn't call isNumber() on the minBaths,
maxBaths, minBeds, or maxBeds.
3. Despite errors in input and the validateForm() function returning
false, the form is still submitted.
Here's the code:
Simple InnerHTML Issue
Jul 20, 2005I'm trying to dynamically change the contents of a select box by doing the
following...
function myfunc() {
var obj=document.getElementById("objname"); // name of the select box
var str=''
str+='<option>blah</option>'
obj.innerHTML=str;
alert(obj.innerHTML);
}
For reasons I don't understand, the alert gives me 'blah</option>'. Where is
the leading <option> tag?
Simple Browser Detect
Jul 20, 2005I've seen plenty of browser detection scripts but they all seem to be slightly different and don't really fit my needs. I have various places where if the browser is IE I'd like to display [this html code] else [display this]. For example, if a browser is IE I want to use this CSS file
otherwise use a different one and if it's IE make this cell x pixels high else make it y pixels high. I'm sure this is easy ....
Can't Get GetElementsByClassName To Work In A Simple Example?
Apr 17, 2011I can't get GetElementsByClassName to work.Clicking on the first button moves data to a second function that when clicked moves the data to the input field.This codes works when I change getElementsByName('pics')to getElementById('upload').But I need it to work with getElementsByName().
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>[code]....
Simple PostCode Checker - Can't See For Looking
Feb 9, 2009You're going to look at this code and see straight away what's wrong with it, but I've been staring at it for too long that my brain just isn't reading it right.
It's a basic input, you type in your postcode, if it is in the list of postcodes I entered then it replies with a 'Yes' response, otherwise a 'No' response. Unfortunately it keeps saying 'Yes' to anything that's entered.
Here it is, and apologies again for it being annoyingly simple, you know when you've been looking at code too much and you just can't see the small things anymore. [input type.needed=coffee]
Simple Collapsible Panel In JS?
Jun 25, 2009get a code of simple panel collapsible DIV, with a plus minus symbols(image).
View 1 Replies View RelatedGetting Nan Error With Simple Math
Mar 5, 2010why I am getting Nan
<script type="text/javascript">
var num1;
var num2;
var num3;
[Code]....
Creating A Simple Table <div> Using Dom?
Oct 7, 2010I was wondering if someone could help me. I successfully implemented a number of sortable lists, using a table in html. However I wanted to table cells to be scrollable, which does not apparently work, I tried overflow: auto;, overflow: hidden; and overflow: scroll; in css and it did not work, the table cells kept moving to fit the draggable content. I checked on the internet and found that as stated, table cells cannot be made scrollable. Therefore I decided to do it all with div elements. However I want the div elements structured in a 5 x 3 format. Therefore I thought I would implement it in dom. However I am a newby to dom. I have created the following code, which is simple but repetitive, the function createTable simply creates the div elements (1,2,3,4,5...) and writes the class and id attributes to each. I then appended several of the elements into a div container I created, called divcontainer with a class right. There is also a div element already in the document, class and id = 'right'. I therefore tried to add the divcontainer to this. The function however is causing a page error and none of the dom div elements areI would simply prefer to create the divcontainer and append the div elements. Should I take out the div element right already in the document and instead use something like document.body.appendChild(divcontainer) or something similar. Also the function call createTable() should I use window.onload = function(){} instead.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
[code]....