Response title
This is preview!
- Screen name: 1uka.z
1uka.z's Profile
24 Posts
83 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- Hello everybody. I´m a little bit lazy today [Maybe because is friday] and that´s why I come to you guys xDI was wondering how can I make a selector that lets me show only the first three <li> elements of an <ul> element, on the ready() function ??You can suppose that the <ul> [More than one] has a class or are accesible via his parent or sibbling xDCan anybody help me clear my thoughts ??Thanks in advance
- Hello everybody.I know this is not probably the place to ask this, but you guys are the closest I know to have the skills or knowledge to answer my question.The thing is that I know [because I've seen it, in js libraries] that you can pass a variable to a js script in the way:
- script.js?var=value
But I HAVE NO IDEA on how to get that value inside the Javacsript file. Anybody knows how ?? If knows how, could provide me an example ?? Can pass more than one ??Thanks a lot !!- Maybe this is not the correct place to ask this. Sorry and move it if not !!I were wondering wich tool is the required, to minify and pack a .js file like the jquery.min.js is ??Since I have quite a lot Javascript in my RIA, I'm feeling like minifying and GZipping it xDI know there's a lot of tools on the web, but they don't do it like in the jQuery file ...So it's accesible that kind of tool ?? Where ??Thanks in advance
- 20-May-2010 09:35 PM
- Forum: Using jQuery UI
Hi all, I 'm using a jQuery UI Accordion and I'm noting that it has an awfull slow transition. And I only have 5 elements on the Accordion.I have this HTML- <div id="msgContainer">
- <h3><a href="./somewhere.php">A Header</a></h3>
- <div><p>Content</p></div>
- </div>
The pairs <h3> and <div> repeats within a foreach loop 5 timesAnd I have this JS:- $(document).ready(function(){
- $("#msgContainer").accordion({
- active: false,
- collapsible: true,
- autoHeight: false,
- change: markMessageAsRead
- });
- $.getScript("../../js/common/more.js");
- });
- function markMessageAsRead(event, ui) {
- var elText = ui.newHeader.text();
- var laPosLeido = elText.indexOf("-");
- var laPosRespo = elText.indexOf("[")
- if( laPosLeido != -1 )
- var elNewText = elText.substring(0, laPosLeido);
- else
- var elNewText = elText;
- elNewText += " - Leido";
- if ( laPosRespo != -1 )
- elNewText += " [Respondido]";
- ui.newHeader.children("a").text(elNewText);
- ui.newHeader.children("a").css({"font-style":"italic", "color":"#3399CC"});
- if (ui.newHeader.children("a").attr("href") !== undefined)
- if (ui.newHeader.children("a").attr("href").indexOf("f") == -1) {
- $.ajax({
- type: "GET",
- url: ui.newHeader.children("a").attr("href"),
- global: false,
- success: function(res) { alert(res); },
- error: function(xhr, status) { alert(status + ": " + xhr.responseText); }
- });
- var href = ui.newHeader.children("a").attr("href");
- href += "&f=1";
- ui.newHeader.children("a").attr("href", href);
- }
- }
The manipulation of the href and stuff is required, but for the issue I'm telling [I guess] it doesn't matter.Which is that the Accordion is incredibly slow and clumsy; anybody knows why or have any clues ??jQuery version: 1.4.2jQuery UI version: 1.8.1The app is inside an intranet, if someone requires a live demo to test, I maybe could put a sample of that part only ...Thank to all- Hi everybody, I implemented the jQuery UI tabs and works like a charm crossbrowser but; God only knows why [Or not] in IE all the tabs except the first one [The default active] are disabled and can't be clicked :-SSomebody came across with this issue ??jQuery: 1.4.2jQuery UI: 1.8.1Thanks in advance
- Hi, the thing is simple:jQuery UI tabs is not loading javascript in ajax loaded content files, on Google Chrome, anybody knows why ??
- <div id="tabs">
- <ul>
- <li><a href="file1.php" title="tittle"><span>Menu Option 1</span></a></li>
- <li><a href="file2.php" title="tittle"><span>Menu Option 2</span></a></li>
- <li><a href="file3.php" title="tittle"><span>Menu Option 3</span></a></li>
- ....
- </ul>
- <div id="tittle"></div>
- </div>
The jQuery code, in an outside first .js file is:- $("#tabs").tabs();
So, In FF and even IE it works fine as expected, the first content of the first and preloaded tab gets loaded, with it, the corresponding .js outside file gets loaded too, and swapping the tabs, it loads the content of each tab with the corresponding outside .js file of each of the selected content. But the thing is that in Google Chrome nothing of this works properly, not even the first one outisde .js file gets loaded, load the content of the "default" tab, but not it`s javascript file; and none of the following. ANYBODY KNOWS WHY ????I've been struggling with this since a long time, but won't give up :-PCheers and thanks in advance- Hi to all; I´m having an issue with the UI sortable that is breaking my head, maybe someone could help me.Th thing is that I have an <ul> with the id="gallery" and when I attempt to do a $('#gallery').sortable('serialize') is empty :-(Does anybody knows why ??Thanks in advance
- I came across with this problem.When I send to the server via $.get() [So far, the $.post() and $.ajax() have been used to send form with post data] a little amount of data [2 or 3 var=val pairs] with some special chars, such as ñ, í, ó [Common in my language] I get at the server side strange characters instead, such as "ñ" instead the ñ.I've reading about and realized that is because of the use of the XmlHttpRequest Object which uses UTF-8encoding. All of the encodings are UTF-8, browser, .html, php headers and so.I tried also with "escaping" the specific param with encodeURIComponent() but no luck; keep getting thestrange chars when I make an echo($_GET["var"]).So does anybody knows if the jQuery AJAX functions do that job ?? If yes, what is going wrong ??If not, how can I achieve it ??Any help would be appreciated.Thanks to all !!
- I use several Dialogs on my app, for several different stuff. Everything is working fine.The only question I have is how can I close all the dialogs at once ??
- $(".ui-dialog").each(function(){ $(this).dialog("close"); });
Is not working- $(".ui-dialog").each(function(){ $(this).dialog("destroy").remove(); });
Works but when I open again the little Dialog I have with an input select with a change handler binded, it doesn't work, the change handler I mean.So any clues ??Thanks in advance !!!- Hi to all. I came across two issues with the UI Tabs, several days ago, and today I'm giving up ...
The first is pretty simple, but I'm stuck:There's an example on the web site wich has this code:$(function() { $("#tabs").tabs({ ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Couldn't load this tab. We'll try to fix this as soon as possible. If this wouldn't be a demo."); } } }); });The thing is that when I run this, and click [like in the example] a tab with an url which doesn't exist, throws an error of "anchor" is not defined ... And I wonder, what is the .hash thing ??The second issue is that I have several tabs, all of them load content by Ajax, and each of those contents, uses an external js file with jQuery and the ready() function. And in some of those contents too, are forms that uses another js files. The thing is that everything goes wonderfull on FF and even IE; but when I try to run it on Chrome, it doesn't load "The Inner" js files, just the first one is loaded, when the first page load, but nothing else from there. Any idea why could be that behaviour ??Thanks in advance to all !!!- Hello everybody; today I'm comming with this little issue I came across with:I have two datepickers [A From date and a To date] to add dinamically a Row to a table below. After that, the inputs are set to empty with the val('') function.So far, so good, everything works like a charm. The issue is when I want to select new Start and End dates to add another row. The calendars display with the previous dates selected, and as I use some restrictions on the selections, the problem is that I can`t select a date previous or later than before ...So the thing is if there is a way to "reset" the "memory" of the datepicker without having to refresh obviously.Any help or pointing some direction will be helpfull.Thanks in advanceThe code is pretty straightforward the one in the UI example:
- var dates = $('#aReservaDesde, #aReservaHasta').datepicker({
- changeMonth: true,
- onSelect: function(selectedDate) {
- var option = this.id == "aReservaDesde" ? "minDate" : "maxDate";
- var instance = $(this).data("datepicker");
- var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
- dates.not(this).datepicker("option", option, date);
- }
- });
So; Click on the datepicker, select date, click datepicker again -> previouslyselected date is now selected. In most cases this is the preferred option,but I'd like to be able to reset the selected date so that on the secondclick, no date is preselected (which causes it to be 'unpickable' the second time).- Hello everybody; I'm trying to validate the text of an input as it is typed.I have this keyup:
- $(".ent").keyup(function(){
- $(this).val( $(this).val().replace(/[^0-9\.]/g, "") );
- });
The idea is that only let the user type a decimal number; and it does.The only problem is that it let type a dot [decimal separator I need] at the beginning; and I don't want that :-(I've been a while and searched Google for the Reg Exp, but had no luck.If there's someone who actually understands them, please illuminate me.Thanks a lot !!!- Hi everybody; I read arround that to retrieve a DOM object from a jQuery Object, I need to use the $.get(i) function, where the i is the index of the obect to retrieve; but.The question is that I created an UL with LIs on the fly, something like:
- var list = $("<ul>").css("margin", "0px").css("padding", "5px");
And then added some Li's on the fly inside a loop, something like this:- $("<li>").text(message).appendTo(list);
And now I want to pass the UL to a function that will display the UL as a kind of alert, but it recieves a string as the message. I did before passed a string literal with the UL and LI s tags and showed fine, but if I pass the "list" it shows me an "Object object", and if I pass it a list.get(0), it shows me a HTMLulObject or something like that ...So how can i make the jQuery object list a simple and plain UL DOM element ???Thanks in advance !! And happy eastern or pesaj to everybody !!! xD- Hi everybody; I'm experiencing an issue with the bassistance.de validation plugin. Is very simple by the way. I'm trying to validate a few <select> elements and, when the option has an empty value, on the submit it validates correctly, but at the moment I drop down the list, triggers again the validation of the focused select, and even I select an option the class, error doesn't seem to go away, ever after the blur of that select. Just when I click or dropdown the list again is where the error class goes away ...Any clues ??Resuming, how is the thing with the selects in the plugin ??Thanks in advance !!
- Hi everybody; I know maybe this is basic stuff; but I'm in the middle of something with it.The question is that I need to add a row to an existing table, with four cells and in each cell I need to add different input types, In fact they are: One select, two text inputs [In separates cell] and an anchor in the last cell, except the anchor I need to give to every input an unique iterative id, starting with the last in the table plus one :-)I have this code, but I can't figure it out to create the elements, nor adding more cells [<td>]. So any help would be appreciated:
- $("#roomsTable").find('tbody')
- .append($('<tr>')
- .append($('<td>')
- .append($('<img>')
- .attr('src', '../../css/images/gen/ajax-loader-small.gif')
- .text('Image cell')
- )
- )
- );
So I've been trying all day, and couldn't do it :-(I want to add four cells, and a select in the first [Wich I need to populate of course from the server], an input in the second and the third, and an anchor on the fourth ... Any help ??Thanks in advance !!- Hi everybody, here's the thing:Don't know and can't figure it out but, with two of my tabs; when I click on other tab to change, the class "ui-state-focus" once having when were in focus; is not removed. Those two tabs keep having the class, allthough are not selected anymore.Any reason for that ??Another issue. The API says:
Note that if you wish to reuse an existing container, you could do so by matching a title attribute and the container's id:
<li><a href="hello/world.html" title="Todo Overview"> ... </a></li>
and a container like:
<div id="Todo_Overview"> ... </div>
(Note how white space is replaced with an underscore)
This is useful if you want a human readable hash in the URL instead of a cryptic generated one.Is really lovely and usefull, because you don't overload the client browser [At today Mozilla, for example, is really overloaded by itself and all its addons] with hidden content. But when the page with the tabs is loaded; the content of the first [focused] tab never shows up; I must toogle with another one, and then goes normally. Notice the content is loaded with Ajax.Any idea on these issues ?? Are they bugs ??Thanks in advance for any helpThe HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior. An span element must be present in the A tag of the title, for the spinner content to be visible.
Sorry, but can anybody explain me and/or give me a code example of the part underlined ???I have this:- <li><a href="./myScript.php">My Tab Label</a><span></span></li>
and try this also:- <li><span><a href="./myScript.php">My Tab Label</a></span></li>
But it doesn't do anything
Thank you very much
- I been trying to show several images inside a tab, nothing fancy, just an HTML plain:
- <img src="./path/to/image_1" />
- <img src="./path/to/image_2" />
- <img src="./path/to/image_3" />
- <img src="./path/to/image_4" />
On the file wich I call on the tab's <a>Notice that the rest of the tabs load content beatifullyBut inside the tab only the first image is shown, the rest are, but hidden, I see them with the Firebug ...Any ideas why is that ??Thanks in advance- Hi to all.I would like somebody to tell me wich is the correct way to add an element to another, and then give the added element a class ??$("firstElement").add("elementAdded").addClass("classForTheAddedElement");is adding the class to the "firstElement".Any help ??Thanks in advance
The matched elements will be revealed immediately, with no animation. This is roughly equivalent to calling
That's what the jQuery API says about the .show() function..css('display', 'block'), except that thedisplayproperty is restored to whatever it was initially. If an element has adisplayvalue ofinline, then is hidden and shown, it will once again be displayedinline.But I'm having an issue. The first time an error label appears on the form is correctly shown, but the second time the same must be shown [After performing a .hide()] the .show() function doesn't restore the label with its original "display:inline" attribute it has on the CSS style sheet.Any suggestions ?? Ideas ??Thanks in advance to all xD- Does anyone know what are the jQueryNNNNNNNNNNNN="XX" that The IE Development Tools shows ?? And how they work ?? And what are they for ??I leave a ScreenShot.Thanks
- 01-Mar-2010 02:02 PM
- Forum: Using jQuery Plugins
Hi all. Maybe someone can help.Does anybody knows why the Jörn Zaefferer's great Validator Plugin, randomly sets a "display:block" to the error or valid element ??The thing is, that is causing the element to show inappropriately [Sorry for the Google Translate :-S] And don't know how to prevent it ...Thanks to all in advance- Hi. Does anyone know why or how can I insert, into a determined element with id, a gif loading animation while the $.ajax() is running ??I couldn't do it :-(Thanks to all
- 26-Feb-2010 10:48 PM
- Forum: Using jQuery Plugins
Hi everyone.I really need som help on this. I will do my best to explain the issue I'm on.I use the great Validation Plugin from Jörn Zaefferer to validate my Forms. Everything is just fine, but since I tried to implement the "success:function(label) {}" thing I can`t get it right.The worst part is that I'm doing the basic of the documentation:- success: function(em) {
- em.text("Ok!").addClass("valid");
- },
The question is that the "transformation" of the label [em in my case] is doing fine, but the image of the little nice blue check icon doesn't locate next to the input, it goes down:As you see the error label or em or whatever is correctly shown, but when it becomes "valid"It just goes DOWN !!!!!I leave you guys my validate() and my CSS codes ...The funny thing is that with the Firebug, it shows me on the generation of the valid label, a "display:block" attribute, and if I block it on Firebug the label goes where it belongs, see:Here is the jQuery code:- $("#frmBusquedaPropia").validate({
- debug: true,
- errorElement: "em",
- success: function(em) { // Here is my problem ??
- em.text("Ok!").addClass("valid"); // At least is with this
- },
- errorPlacement: function(error, element) {
- error.insertAfter(element);
- },
- submitHandler: function(form) {
- $.ajax({
- type: "POST",
- url: $("#"+form.id).attr("action"),
- data: $("#"+form.id).serialize(),
- success: function(data) {
- $("#searchResultsPropio").empty().html(data);
- },
- error: function(e) {
- if (e.description == null) {
- alert(e.message);
- } else {
- alert(e.description);
- }
- }
- });
- $("*[generated='true']").remove();
- },
- rules: {
- // My rules are here
- },
- messages: {
- // My custom messages are here
- }
- });
And here is the CSS:- em.error {
- background:#FEF1EC url("../images/gen/unchecked.gif") no-repeat 5px 4px;
- border:1px dotted;
- color:#CD0A0A;
- font-size:1em;
- margin-left:5px;
- padding:5px 18px;
- position:absolute;
- text-align:center;
- width:300px;
- }
- em.valid {
- background: url('../images/gen/checked.gif') no-repeat 2px 6px;
- border:none;
- color:#222222;
- height:16px;
- width:16px;
- position: absolute;
- padding:6px 18px;
- }
- input.error {
- background-color:#FEF1EC;
- border:2px dotted #CD0A0A;
- }
So guys, what possible could be wrong besides my brain ???I really need a clue, I accept working code to :-PIs just a CSS positioning issue ? Or display ? If you need I'll post you my HTML too, but is just that, pure HTML ...Thanks in advance for the help.
© 2012 jQuery Foundation
Sponsored by
and others.