[jQuery][PHP]
I've got form which sends a few values from fields to database by PHP file. It works fine, but I want to add image upload filed in this form. It should work like that: 1. Fill text fields (name, address, age etc.) 2. Select image file from hard disk to upload. 3. After upload is done, show thumbnail image. 3. Press submit button. 4. Values from text fields are send to database with name and extension of uploaded file.
newer than new newbie
At the risk of being laughed out of the forum... here is my issue! I am completely new to developing my own webpage. I am a graphics/photo/architecture student looking to start a simple webpage to display my work. I have the simple pages put together (using dreamweaver cs4).. and I have just learned about 'jquery', my goal is to put a slideshow on a few project page that displays drawings/photos.. I have found the plugin for this as well on this site FOR THE LIFE OF ME I CANNOT FIGURE OUT HOW
UL Navigation in jq/themeroller design
Hi, On the demo pages, e.g. http://jqueryui.com/demos/tabs/ , there is an ul-navigation menu on the right. However, I miss an example for the ul-lists in this style. Where can I find such an example? Thanks.
having problem with :not() Syntax
hello, i want to invert the .hasClass in line 2. I tried to use the :not() seperator but i can figure out the correct syntax. any help please? $('ul#portfolio li').each(function() { if(!$(this).hasClass(filterVal)) { $(this).fadeTo("fast", 0.1).addClass('hidden'); } else { $(this).fadeTo("fast", 1).removeClass('hidden'); } });
css class as variable
Hello, i just don´t know the right syntax for this: i want to change the css class of the li element from the name hidden to the variable filterVal, but i don´t know the right syntax. Any help? thanks var filterVal = $(this).text().toLowerCase().replace(' ','-'); $('ul#portfolio li.hidden +').hover(
For loop not working correctly with jQuery ajax function...
// when you click submit num tabs // you get form fields for tabs $('#num_tabs_submit').click(function(){ var num_tabs = parseInt($('#num_tabs').val()); for(var i = 0; i < num_tabs; i++) { $.ajax ({ type: 'post', url : 'http://dev.touchstorm.com/ten_hpn_admin/index.php/manage_user/get_channels', success: function(results) { $('#tab_content').append('<div id="tab'
Checkbox Hide/Show Default Display
Assuming that a checkbox is initially unchecked, the following code works because the additional text is hidden, and when the checkbox is checked, the function if performed to show() it. However, what needs to be done if the checkbox may or may not be checked initially? Thanks. .additional{ display:none; } $('#add').change(function(){ if($('#add').is(':checked')){ $('.additional').show(); } else{ $('.additional').hide(); } }) <input type="checkbox" name="add" id="add"><label
Selector question?
HTML: <p class="testp">the one</p> <p>the other</p> jquery: I want to konw the deferent below the three ones. $("p .testp") And why this one doesn't work at sometime. $("p.testp") $(.testp) I'am sorry my English is so poor.....Thank you for replying.
Verison compatibility issue?
Hi all, I'm a new jquery user. I've got a site with the following code already in place: <script language="javascript" type="text/javascript" src="/javascript/jquery-1.2.6.min.js"></script> <script language="javascript" type="text/javascript" src="/javascript/jquery-ui.js"></script> <script language="javascript" type="text/javascript" src="/javascript/json2.js"></script> <script language="javascript" type="text/javascript" src="/javascript/dialogs.js"></script> <script
Fadein
hi guys this is mi first post i been reading a book of jquery just for about two days, i think mi first issue is pretty simple so i think to ask u guys here. i want a hidden div that will have a html form for login, and i have a link i want when the user click the link the div appear above the link so the user can log in i have this code (im using Codeigniter framework i think it has nothing to do ) <div id="loginControl" > <?php echo form_open('login/validate_credentials'); echo form_input('username','Username');
1,000th Post!
Woo Hoo! I think this is the 1,000th post for the Getting Started forum. Do I get some kind of door prize?
Trying to show a dialog
Hi, this is my code <script type="text/javascript"> $(function() { $("#dialog").dialog(); }); </script> <div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> </div> and firebug says jquery-ui-1.7.2.custom.min.js is loaded. Any idea? Regards Javi
jquery, php and ajax - Attempting to alert my JSON created with PHP and AJAX it my page.
hello all, HTML Code: <script type="application/javascript"> $(document).ready(function() { $("#addlivestock").validator(); $.getJSON( "get_location.php", function(data) { alert(data.location); //alerts undefined /*for (var i = 0; i < data.length; i++) //attempt to loop through JSON and add the results to a select { }*/ } );
Missing something simple
I'm trying to implement scrollTo functionality on document ready, but running into a problem (it's not scrolling... to). However, currently i'm having an even simpler problem... Given the following html, i expect an alert box to display the offset position, but i get 'null'. Am I missing something? <html> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.scrollTo-1.4.2.min.js"></script> <script type="text/javascript" language="javascript">
to open pdf as a popup
I want to call the .Net MVC controller and open the crystal report as pdf pop up. Is it possible with $.ajax()? My confusion is what to specify as dataType? Or is there any better way?
Have jQuery Date Picker Default to the 1st Day of Next Month?
Hey, I'm new to jQuery, so be gentle with me! I see that the defaultDate can easily be set to a specific date, or to a date that is a number of days, weeks, month, or years in the future or past. But is there a way to ... have the defaultDate default to the first day of the next month? or ... have the date picker default to the first day of a month no matter what day the user selects for that month? or ... Have the date picker disable every day of every month except for the first day? Any help will
How to have defaultDate set to first day of the next month
Hey, I'm new to jQuery, so forgive my ignorance! I know that the defaultDate can be set to a specific date, or to a specific number of days, weeks, months, or years in the future or past, or set to the current date. But is there a way to set it to the first day of the next month? For example, if the date is 5/23/10, is there a way to have the calendar default to 6/1/10? Or if today's date is 6/2/10, is there a way to have it default to 7/1/10?
get parentNode and then div with class
Hello, I want to get the div with class "editrow" to change display and height when the div with class "col3" is clicked on the same li tag. I have the following (not working) code. Any help in this simple (but hard for me the noob) is really welcome <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.1.custom.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#cats_list').sortable(); $(".col3").one('click',
Switch classes like in the Apple Store sidebar
Hi, I'm trying to get a sidebar similar to the one on the Apple Store website and I think I have to use js for that, let me explain: When you are going to buy an Apple Macbook Pro you get to some sort of configuration page. When you are on the top of that page, the sidebar with price-info (called Summary on the page, the div name is 'product-summary-primary') floats a couple of pixels from the top. But when you scroll down is when the magic happens, the Summary will move along with the scrolling,
problem with a script, lost value
I have a problem with following script: var list = $('#podaryLista'); if( list.length != 0 ) { list.items = $('div.porada', list ); list.show = function( no ) { alert( no ); // close all items; for( var i = 0; i < list.items.length; ++i ) { var display = i == no ? 'block' : 'none'; list.items[i].desc.css( 'display', display );
Remove "Space"
Can anyone help me to remove in here <span id="lblCategory"> Kategori </span> Thanks! Hasika
ready() fucntion
can one html page contain multilple start functions ,so many jquery for 2 image silde shows i downloaded... one script fn is <script type="text/javascript"> $(function() { $(".newsticker-jcarousellite").jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:500, speed:1000 }); }); </script> another is: script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_photos').galleryView({ panel_width: 550, panel_height: 280, frame_width: 30, frame_height:
Setting mouseover parameters
I want to alter this jquery script so that when you mouseover the menu item, then the sub-menu appears. If you simply replace "click" with "mouseover" then the menu appears with a mouseover but disappears as soon as you mouseout of the menu_head. I need the menu to still stay in place when the mouse is over menu_body also. The script is here http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/ Any help much appreciated.
Any way to know methods and properties of jquery object at runtime?
I alert the jquery object it show only [Object object]. I want know that , what r the properties that object had? ,What r the method of that object ?. Any way to know methods and properties of object at runtime?
.mouseover
Hello folks, I have trying apply an mouseover event in an exemple and it doesn't worked. See the code bellow: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Disco Zebra Stripes!</title> <script type="text/javascript" src="jquery.js"> </script> <script type="text/javascript"> $(function() { $("table tr:nth-child(even)").addClass("striped"); }); function swap() { $('tr').toggleClass('striped');
Trying to get an HTTP post to work with jquery
I am having difficulties getting the following code to run. When looking at the network, I see the http post actually happening, but none of the arguments are being sent across the wire. What am I doing wrong?? <html> <body> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> <script> google.load("jquery", "1.4.1"); $(function() { var dat = "{\"var1\":\"variable\",\"var2\":\"variable\",\"var3\":\"variable\",\"var4\":300}"; alert("I am about to POST this:\n\n" + dat);
Can I use jQuery to set the width and height of a background image?
I'm just starting my first jQuery project (tutorial from this months Web Designer) and I've got a background image that I want to spread across the entire background, regardless of browser size. It's big, so I originally had an onload function. This works fine in Mozilla and Safari but not in IE. My question is, can jQuery set a width and height of 100% and have it work in IE? <script type="text/javascript"> function setBackground(){ var elem = document.createElement("img");
it's hard to make sense with ";" and " { , ( , ) . } " !!
messing around with some amazing navigation, i found that I'm not able to handle the clousures of my functions; i swear I've tryied to came out with a solution searchig in the "documentation" section, but to me it's hard to understand the correct sintax in every case !! (by the way if you know a resource where i can learn this sintax stuff it will be great ;) ) here's my amazing effect ! <script type="text/javascript"> $(document).ready(function () { $('#persone') .hover( function () { $(".trapersone")
Scrape HTML to Display Stuff On My Site
I'm new to jQuery and scripting so hopefully this is something simple. I have a site with an empty <div> tag that I want to pull specific HTML from yahoo's weather page (namely the yw-forecast and yw-fivedayforecast id's) and show inside that empty div on my site. Any ideas how to do this? Thanks ahead of time!
Multiple jquery script function in home page
In my Home page ,, I have 2 image slide shows... I used different jquery for that.. Problem is that.. each is working fine individually .. when integrated ,i am runtime error.... one script is .. <script type="text/javascript"> $(function() { $(".newsticker-jcarousellite").jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:500, speed:1000 }); }); </script> another.. <script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_photos').galleryView({ panel_width:
jquery with 2 functions in source page..
In my Home page ,, I have 2 image slide shows... I used different jquery for that.. Problem is that.. each is working fine individually .. when integrated ,i am runtime error.... one script is ..(1st function) <script type="text/javascript"> $(function() { $(".newsticker-jcarousellite").jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:500, speed:1000 }); }); </script> another.. <script type="text/javascript"> $(document).ready(function() { $('#ctl00_ContentPlaceHolder1_photos').galleryView({
Pass a variable id to click
Hello, I'd like to use this as a general function to pass id's to the selectors(represented now by #A and #B). The id's are variable, so if i click the element with id=A it knows to change element with id=D, ect. , But more importantly, I'm not sure how to pass the id's to the click(). I certainly dont want to write a click for each element. $(document).ready(function () { $("#A").click(function () { $('#B').text('Blah'); }); }); Thanks for all your help,
Insert a <br /> after each link
Hi, i have a simple ?. how do i insert a <br /> after a bunch of links with $. i'm trying: $(document).ready(function(){ $('<a></a>').after('<br />'); } but nothing.. thank in advance. ~l3ny
trouble with toggle and ID: need wing nut answer :D
I am having trouble getting a script working where I want to display one div, and hide other divs with the same class.. I'm able to hide the divs, but not display the one referenced... here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Toggle Test </title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
getjson and servers
Is getJSON only useful for those who control a server?
jQuery Image Slidder Padding Issue
I am having an issue with a jQuery/CSS image slidder. Basically, I built the slidder in DreamWeaver, and it works perfectly. When I import the code (attached) into a SharePoint site, however, there appears to be a couple extra pixels of padding around each image (even though I set it to zero). This is causing gaps between the images and wrapping of the final image. I am not sure why it would work fine in DreamWeaver and not a SharePoint web part. Any help would be greatly appreciated. If you
Change text
Hello, I have this simple code and I am trying to change the text in one element by clicking on the other. What am I doing wrong? Relevent code shown: <script type="text/javascript" language=javascript> $('#A').click (function () { $('#B').text('Blah'); } ); </script> </head> <body> <div class="Centerthis"> <div class="h1"> <div class="Match Round1" id="one"> <div class=MatchInsideContainer> <ul class="names"> <li id="A">Tom</li><li>Jane</li></ul> <ul class="scores"> <li>20</li><li>40</li></ul> </div>
Newbie trouble with Horizontal Sliding Contact Form
Hi, I am totally new to jQ and JavaScript. My friend wants me to put a Horizontal Sliding Contact Form on her website. She wants the form to look like this: Red Contact Tab on the extreme left I went into the source and got the .js & .css files that I think I need to create the form. I did a copy & paste of the code that I think is relevant to the form but it doesn't show up at all when I preview the page in a browser (Safari, Flock, Opera). As I am a newbie, I have no idea of what is going on,
getJSON for dropbox data
Although i used getJSON in http://jsbin.com/dbJSON/edit i have not been able to connect with any of my own made up data. i tried 4, and the example at Flickr for "cats". Only the latter worked... this is the output: {assoc: null,assoc.js: null,stub: null,stub.js: null,cat: [object Object]} i am at that "base", as i did get the image there, but http://sn.im/g-g4g/assoc.json http://sn.im/g-g4g/assoc.js http://sn.im/g-g4g/stub.json http://sn.im/g-g4g/stub.js were all invisible==null! How do i get "my"
Image RollOver "ON" state - do not want it to change if an image already has the extension of "_on" , can you help?
I am very new to JQuery (beginning of this week actually! ) and have been struggling with an image rollover function I came across in a Google Search: $(function() { $(".hover").hover(function () { var filePath = $(this).attr("src"); var dotPos = filePath.lastIndexOf(".") ; var extension = filePath.substr(dotPos,filePath.length); var newPath = filePath.replace(extension,"_on"+extension); $(this).attr("src",newPath); },function () { $(this).stop(true,false); $(this).attr("src",
Next Page