Response title
This is preview!
- Screen name: tbone587
tbone587's Profile
11 Posts
30 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 26-May-2013 02:43 PM
- Forum: Getting Started
If I have an object created by me named "connectionClient", how do I have it fire an event of some sort when its ready attribute equals true? I want it to be the same format as the jquery document.ready() function, something like this:- var connectionClient = {ready: false,if (this.ready == true ){connectionClient.ready();}ready: function(){//Defined By user}}//Run Code When ReadyconnectionClient.ready( function(){});
- I have a container that has a dynamically generated table inside and I want the container to have an infinite scrolling animation effect that wraps around and is circular in nature. I have created a script that does automatically scroll the data in a somewhat circular pattern, but there is too much of a gap from when it gets out of view at the top and comes back up at the bottom. How can I modify my code to somehow create a better wrap around effect, where once the data scrolls about halfway through or so, it starts coming back up from the bottom? Below is what I have so far.. I greatly appreciate any advice!
- <html>
<head>
<title>Rotate Scroll</title>
<style>
.widget
{
position: absolute;
top: 50px;
left: 50px;
background-color: orange;
overflow: hidden;
width: 200px;
height: 100px;
}
.scrollPanel
{
position: relative;
height: 180px;
overflow: hidden;
}
.data
{
position: absolute;
font-size: 24px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
rotateScrollWidgetDataTop( $(".widget") );
function rotateScrollWidgetDataTop( _widget )
{
var animationDuration = 5000;
var scrollableData = _widget.find( ".data" );
var destinationTopPosition = "-" + ( scrollableData.height() + 10 ) + "px";
var startingBottomPosition = ( _widget.height() - 5 ) + "px";
scrollableData.animate(
{
"top" : destinationTopPosition
},
{
duration: animationDuration,
complete: function()
{
$( this ).css( "top", startingBottomPosition );
rotateScrollWidgetDataTop( _widget );
}
});
}
});
</script>
</head>
<body>
<div class="widget">
<div class="scrollPanel">
<div class="data">
<table class="dataTable">
<tbody>
<tr>
<td>Item1</td>
</tr>
<tr>
<td>Item2</td>
</tr>
<tr>
<td>Item3</td>
</tr>
<tr>
<td>Item4</td>
</tr>
<tr>
<td>Item5</td>
</tr>
<tr>
<td>Item6</td>
</tr>
<tr>
<td>Item7</td>
</tr>
<tr>
<td>Item8</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
- I have multiple div containers that are being initialized as resizable on document.ready. I wrote some code that resizes the height of the text within a child element when the div is resized. My problem is if I resize the div strictly on the horizontal axis, the text can be wider than the container. How can I modify my code so that it always remains within the container? My code is below:
- //Single Field Resizing
$( ".resizable" ).resizable({
resize: function()
{
$( this ).find( ".data" ).css( "font-size", ( $(this).find(".data").height() - 20 ) + "px" ).css( "line-height", ( $(this).find(".data").height() - 40 ) + "px" );
}
});
The html structure is:
<div class="resizable">
<div class="data">Text</data>
</div>- 28-Mar-2013 01:45 PM
- Forum: Using jQuery UI
I am trying to use the jquery selectmenu plugin in conjunction with the jquery ui package and I am getting a javascript error "no such method 'instance' for menu widget instance". It appears as though the generated custom ui package has an issue with the jquery.ui.widget.js component. If I replace that file with one from the example select menu demo site: http://view.jqueryui.com/selectmenu/demos/selectmenu/default.html the error goes away. I am getting this error with the combined jquery-ui-1.10.2.custom.min or using all the individual files. Any help would be appreciated.- 28-Nov-2012 11:43 AM
- Forum: Using jQuery
I have an ajax function that gets html data every 10 seconds and then runs a function that loops through an array and performs functions that update the content on the web page. I am trying to implement a settimeout within the loop to delay the dom inserts a little to eliminate slight page freezing in IE. The problem I am having is that I cant seem to pass in the variables within the loop to the functions. Can someone please assist? Below is a code snippet:- //Loop Through Itemsfor ( aIdx = 0; aIdx < availableItemsLength; aIdx++ ){var thisItemName = availableItems[aIdx];var data = _serverData.find( "#" + thisItemName + "Data" ).html();var detailData = _serverData.find( "#" + thisItemName + "DetailData" ).html();setTimeout(function(){updateItemData( data, thisItemName );updateItemDetailData( detailData, thisItemName );}, 10);}
- 11-Nov-2012 02:49 AM
- Forum: Using jQuery
If I have a div container that has an id, and within that container there is multiple span tags that all have ids. Would it be faster to replace the inner html of the div container or replace the inner html of the three span tags individually? Option 1 would be 1 call to innerhtml and option 2 would be 3 separate calls to innerhtml but with less data at a time. I am downloading data from the server via ajax, and I want to know which is the best method. Having to update just the div containers would be easier, but it would also be a more data over the network. On the other hand, if I wanted to update the span tags individually I would have needed to make 3 separate ajax calls or got back the content from the server and filter by Id and then insert to DOM. Any advice would be greatly appreciated.<div id="container1"><span id="d1">data1</span><span id="d2">data2</span><span id="d3">data3</span></div>- I have a project I am working on that is currently receiving data via ajax in the form of plain text that is separated by \n, |, and :. Once I receive the data, I have to split it accordingly with javascript and then update dom elements using the .html() method. My question is, what I gain performance if I returned json data instead of a delimited string? My web application performance great in modern browsers, but in IE8 and below, it gets very slow with large DOM updates. What is the best method to constantly replace html content via an ajax data set?
- 31-Oct-2012 05:19 PM
- Forum: Using jQuery
I have a website that has used an iframe for a long time to display external content within my page. As of recently, the external website has enabled x-frame-headers that blocks us from using an iframe. I am trying to find a way to use ajax to request a local page on my server that redirects to the external page and then loads into a div tag. Number one I dont know if this is possible, but the issue I am having thus far is that i cant seem to capture the data of the redirected page. I see a status 302 code from within the google chrome console, but I cant seem to find a way to get that content. Can anyone offer assistance? I would greatly appreciate it. I am using a tomcat server with a jsp environment.- 16-Sep-2012 12:06 AM
- Forum: Using jQuery
I have setup a keyup event on a textbox that clears a timer every keystroke, and uses the settimeout function to execute an ajax request. Every browser works great except for IE8 and I am assuming 7. Every key that you type lags in the textbox, but ajax request functions as expected. How do I stop the lagging? I could type 3 letters and they dont show up right away. I appreciate any advice.Below is a code example:- //Keypress Function To Block Enter Key
- $("#textbox").keyup(function(event){
- currentFilter = $(this).val();
- if (event.which == 13)
- {
- event.preventDefault();
- }
- else
- {
- //Clear Timer When Needed
- clearTimeout(timer);
- timer = setTimeout(function(){
- searchServer(currentFilter)}, 1000);
- }
- });
- function searchServer(currentFilter)
- {
- var urlString = currentServer + provisionerController + "?" + action + "=" + actionValue + "&" + partnerGroupAction + "=" + selectedAccountGroupText + "&" + filteredTextAction + "=" + currentFilter;
- var webSafeUrl = encodeURI(urlString);
- $.ajax({
- url: webSafeUrl,
- dataType: "html",
- cache: false,
- type: "POST",
- beforeSend: function(){
- loadingImage.show();
- },
- complete: function(){
- loadingImage.hide();
- },
- success: function(data){
- accountsTableDataContainer.html(data);
- }
- });
- }
- I am curious about how jquery variable operate in regards to how data is accessed . If I create a variable var hiddenUserData = $("#hiddenUserData").find("span") and try to loop through the data, is the entire html collection stored in the variable or is it still referencing the DOM? I am trying to dymatically add content into a table via checkboxes, but it is very slow via internet explorer 8 and below. I am trying to figure out if I should use an array instead of an html collection.
- I have developed a realtime table filter that works very well on small tables, but when you get table that has many rows it gets choppy. It runs especially slow on older computers/browsers. By looking at my code below, is there anything that can be done to make it speedier? As a last resort, i considered using ajax to reach out to the server instead…
- //Start of document.ready
- $(document).ready(function () {
- var selectedAccountGroup = $("#filter").val();
- var accountsTableData = $("table#" + selectedAccountGroup + " tbody").find('tr.searchable'); //Real-time Filter
- $("#filter").keyup(function (e) {
- var currentFilter = $(this).val();
- var blankString = ""; //Run Optimized Search
- searchValueOptimized(currentFilter);
- });
- function searchValueOptimized(currentFilter) {
- var rowCounter = 0;
- for(i = 0; i < accountsTableData.length; i++) {
- var $currentRow = accountsTableData.eq(i);
- var $cellsInRow = $currentRow.find('td');
- if($cellsInRow.text().search(new RegExp(currentFilter, "i")) < 0) {
- $currentRow.hide();
- } else {
- $currentRow.show(); //Set Even Row Colors
- if(rowCounter % 2 == 0) {
- $cellsInRow.css("background-color", "#E6E6E6");
- } //Set Odd Row Colors
- else {
- $cellsInRow.css("background-color", "#FFFFFF");
- }
- rowCounter++;
- }
- }
- }
- });
- //Single Field Resizing
- <html>
© 2013 jQuery Foundation
Sponsored by and others.