Code - Inprogress Css Selector
Apr 23, 2011
I'm having a go at writing a selector engine. It's for personal use with my own sites, so doesn't really need to be idiot proof.
It will be a fallback for querySelectorAll.
I started out just wanting something simple i.e. find 'ul li.myClass', but that wasn't enough.
This selector is intended to be a module along with an events module, which will bolt onto a framework. The framework constructor will be along the lines of jquery with a dummy constructor, prototype.init etc.
My real question is about the design or design pattern of this particular module. It's all getting a little bit messy and inconsistent.
There's a line I keep reading which is 'favour composition over inheritence'. I'm still none the wiser regarding that, but do get the impression that sticking rigidly to inheritence is problematic. Just not sure how or where to go about that.
Rather than waffling on here's the code. If extra comments or details are needed let me know. Also I'm not looking for exhaustive answers or re-writes, but maybe just a nudge in the right direction.
Code JavaScript:
View 20 Replies
ADVERTISEMENT
Feb 22, 2011
My Javascript abilities are sub-par so I normally try to follow tutorials or examples to implement java for now. Although I digress. To the point... I'm coding a web site for a photographer and need a natural looking picture selecting menu.
For example...
Now you kinda grasp what I'm attempting to do here.. anyone know of a good tutorial or example showing how to do this? I've seen several auto scrolling menus but that's not what I'm looking for. I just want an intuitive nav bar for pics...
View 1 Replies
View Related
Jun 16, 2011
The source code on the website below i want to know what do i need to change to get the date to show as dd/mm/yyyy instead of mm/dd/yyyy?
[url]
View 3 Replies
View Related
Jun 5, 2009
I'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies
View Related
Jan 20, 2010
I'm completely new to this and have no knowledge at all when it comes to javascript. Have been using this script on my site for a while. Is there anyway I can add a URL link to the images that are in my selector? When clicked would go to that page on my website.
<script language="JavaScript">
/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/
var delay=10000 //set delay in miliseconds
var curindex=0
[Code]...
View 1 Replies
View Related
Sep 8, 2011
Are there any difference between class selector and ID selector
View 2 Replies
View Related
Dec 13, 2011
I want to load an html div in a variable, modify it in another variable; and then change the document injecting the contents.
1. I load the html to be changed in a variable (code)
2. I modify an attribute of <param> using attr() and I put the result in a var (newcode)
3. I change the html in the doc
I've used the debugger, and all steps give the expected results, except of newcode.html(), which is a null string. Why?
[Code]....
View 8 Replies
View Related
May 21, 2011
here is the page I'm working onhere is the jQuery in use
$(document).ready(function() { $('.error,.success').hide(); $("#send").click(function (){ $('.error,.success').hide("slow"); $.ajax({ url: 'add.php?lnk='+$.URLEncode($('[name=lnk]').val())+'&
[code]....
and in this code, it works, the call is made and text is added. in the other code I don't get a change at all. Not even in the database that add.php manipulates.
View 2 Replies
View Related
Mar 23, 2011
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?
View 3 Replies
View Related
Dec 17, 2007
I am a novice, almost to an intermediate-level JavaScript guy, so much of this is new to me. I appreciate your patience reading this.
I have a routine that creates some HTML on the fly (updateFilters() function) and after the HTML is created, I attempt to access some fields (elements) on the form itself.
I works fine if I place an alert() statement after the HTML is created, but when I remove, the code errors out.
I have tried the setTimeout() statement, but I cannot grab the element --- undefined or null is returned. It seems that the form is the only element I can get a handle on --- everything else is undefined or null...
Here is the code:
function editQuery() {
var f;
var x;
var myForm = document.forms[0];
// Get the row filters that were used in the last query..
for (f = 1; f < 16; f++) {
var filter = eval("myForm.FilterList_" + f);
if (filter.selectedIndex > 0) {
var methodElement = element("FilterMethod_" + f);
var methodIndex = methodElement.selectedIndex;
var savedFilterMethodValue = methodElement.options[methodIndex].text;
var choicesElement = element("FilterChoices_" + f);
var choicesIndex = choicesElement.selectedIndex;
if (isNaN(choicesIndex)) {
var savedFitlerValues = choicesElement.value;
}
else {
var savedFitlerValues = choicesElement.options[choicesIndex].text;
}
updateFilters(filter); // update the filters
// take the saved methods and values and then update the selections
// Alert here makes the code work..
// alert("Try this");
// Wait for HTML..
setTimeout("completeEdit()", 1000);
function completeEdit() {
// Since the object was updated, get the object again..
var methodElement = element("FilterMethod_" + f);
for (x = 0; x < methodElement.options.length; x++) {
if (methodElement.options[x].text == savedFilterMethodValue) {
methodElement.options[x].selected = true;
break;
}
else {
methodElement.options[x].selected = false;
}
}
// Since the object was updated, get the object again..
var choicesElement = element("FilterChoices_" + f);
for (x = 0; x < choicesElement.options.length; x++) {
if (choicesElement.options[x].text == savedFitlerValues) {
choicesElement.options[x].selected = true;
break;
}
else {
choicesElement.options[x].selected = false;
}
}
// Only display next row if f = 2..
// If only one row was used, no reason display the next row..
if (f == 2) {
displayNextFilter(f - 1); // display it
}
}
clearTimeout(timeOut);
}
}
}
Do I have to pass the object (the form, the elements) to the completeEdit() function in the setTimeout() statement?
View 5 Replies
View Related
Jan 6, 2011
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?
View 2 Replies
View Related
Jan 1, 2010
I'm trying to get my Client Side Firefox DHTML app to display a list of eBooks. For this, i have the following files
F:Textbooks.html
F:eBooks.txt
F:FirstBook.txt
F:SecondBook.txt
F:ThirdBook.txt
[Code].....
i'm using FireFox 3.5 to develop this App. So obviously this will not work with anything other than Gecko Based browsers.
here is my HTML code:
<html>
<head>
<script language="JavaScript">
var eBookLibrary = "eBooks.txt";
[Code]....
View 2 Replies
View Related
Jun 30, 2010
I am VERY NEW to javascript programming as I am to web development. I am pretty decent with VB.Net though. My question is, what are the different ways to call a JavaScript Function either from within XHTML Markup code or from a VB.Net Code-Behind file?
View 3 Replies
View Related
Aug 26, 2010
The code executes nicely in the site and the pictures/text show up where and how they should - It's just that I'm also getting some code as a slide!
In the <head> I have:
<script type="text/javascript">
$.fn.cycle.defaults.timeout = 8000;
$(function() {
$('#contentLeft pre code').each(function() {
[Code].....
View 1 Replies
View Related
Oct 25, 2011
I can not this code in my web page. Could you please check it ans say how I can run. I try the code using html test page but failed.
<script language="javascript"><!--
document.write('<iframe src="http://www.juenpetmarket.com/moduls/banner/banner_reklamiframe.aspx?
[code]....
View 13 Replies
View Related
Aug 2, 2010
After realizing that htc files only work with Internet Explorer, I have needed to have JavaScript code to suit the two lots of css code below. Please help, I need the code pretty urgently. The code must work with most versions of browsers.
[Code]...
View 1 Replies
View Related
Feb 6, 2009
how to "clean up" html code, from code that defines image (image, and nothing else). I have string like:
Code HTML4Strict: This is my <b>code</b>. <img src="img/1.jpg" /><br />This is line number two.The result shoud be:
Code HTML4Strict: This is my <b>code</b>. <br />This is line number two.
View 1 Replies
View Related
Jan 14, 2011
I hope whether such a script exists for what am wanting to do. From time to time, I need to send password information or login details and password information to some users. At the moment, am doing it via email with a subject named FYI and the body of the email basically just contain the login and the password or in some case, just the password. What am wanting to know is whether I can put these information into a HTML file which contains an obfuscated Javascript with a button that a user will click that will prompt for his login information and then will display the password. In its simplest form, I guess I am looking for a Javascript that will obfuscate a HTML file that contains the password. I found some website that offers such service as obfuscating a HTML file but am hoping it can be done via a Javascript so it is at least "portable" and I do not have to be online.
View 5 Replies
View Related
Aug 3, 2007
I am about to port an app using html, css, and javascript where most of the content is mixed with the presentation and behaviour.
The question I have been asked is: even though this older style is difficult to maintain, will the method proposed my the authors of Simply Javascript perform adequately on a page with hundreds of entries like the one below? Using the newer method, the program would have to iterate through all the elements on the page and assign handlers for click, mouseover, etc. Please advise. Code:
View 3 Replies
View Related
Nov 5, 2003
I'm trying to write a piece of javascript to select a particular css file based on the browsers screen resolution. At the moment I've got this:
var ScrnSize;
ScrnSize = screen.width + "x" + screen.height;
switch(ScrnSize) {
case "800x600":
document.write('<link rel="stylesheet" type="text/css" href="style/lowres.css" />');
default:
document.write('<link rel="stylesheet" type="text/css" href="style/hires.css" />');
}
But it always seems to go to the default value no matter what. I'm a newb at javascript,
View 2 Replies
View Related
Jan 26, 2011
I'm trying to create a drop down menu which has several levels. When a level is clicked on, other expanded categories in that level should minimize simultaneously. The trouble I'm having is using a combination of selectors to say 'all divs which match this pattern but not this one'. I've had a look through the selectors API pages
View 1 Replies
View Related
Apr 2, 2011
Just started to dabble with jQuery I can get the id for a clicked element, but how can I retrieve its index number within the class?
Code:
$(".heading").click(function () {
$("#containContent").slideToggle(100);
//window.alert($("#containContent .content").length);
window.alert(this.id);
});
Hopefully I can do this from the 'this' reference without having to backtrack through the id?
View 10 Replies
View Related
Oct 12, 2010
I have a page using Moo Tools with 4 images. What I would like to do is to pass a boolean value to an array that exists outside of the image, but then I need to test to see if all elements outside the array are true. If so then I want to alert the user.
View 1 Replies
View Related
Jul 30, 2010
i use it in a CMS. In my content page, when I insert a floating element, I use it to set the margin around element according to left or right float in this way:
$('#content img[style*="float:left"]).css({
'clear' : 'left',
'margin': '0px 20px 10px 0px'
});
in chrome, mozilla and not-IE browser the selector with (: and/or ;) works but in IE doesn't work. Is there a solution?
View 3 Replies
View Related
Aug 9, 2010
I have a problem that I couldn't solve myself. I have 2 forms. name="form1" and name="form2" In each form, there's the same class names for rows. <tr class="draggable">
What I need to do, is to take the last draggable row in a certain form. $( tr_object + " tr.draggable:last" ) <- returns the last tr with class draggable in whole document. How do I limit It's view/search scope to one of the forms only?
View 2 Replies
View Related
Oct 26, 2010
var string = $('#newItemInput2').val(); // gives me "twats"
But when I try and embed it within an object it doesn't work:
Can a jquery selector not be used as the member of an object?
View 1 Replies
View Related
