|
JavaScript - Optimizing String Shortening Algorithm
I've written a function that "condenses" a string if it is too long.
Code: function shortenMsg(msg,maxLen){
if (msg.length > maxLen){
var over = msg.length - maxLen, // amount that needs to be trimmed
method1 = (msg.match(/,\s/g) || []).length, // amount that method1 can trim
method2 = (msg.match(/\]\s\[/g) || []).length; // etc...
method3 = (msg.match(/demonstration/gi) || []).length * 6, // etc...
if (method1 >= over){
msg = msg.replace(/,\s/g, ",");
}
else if (method2 >= over){
msg = msg.replace(/\]\s\[/g, "][");
}
else if (method3 >= over){
msg = msg.replace(/nstration/gi, "");
}
else {
// optimal combination of 2+ methods
}
}
return msg;
}
var longMsg = "...",
shortMsg = shortenMsg(longMsg, 50); // example usage
Each of the methods 1-3 is the amount that that specific method can trim from the string. I'd like to be able to trim as little as possible. For example, if the string needs 5 characters to be trimmed, and method1 can trim 8 characters, but method3 can trim 6, then method3 should be used. If none of the methods can individually trim the string enough, then I'd like the optimal combination of the methods that will get the job done. I can't figure out what sort of code structure I need for this (besides a ton of if/else statements). Maybe an array that contains each of the methods, arranged in increasing order....? Help would be appreciated! Sorry for posting so much recently Similar TutorialsHey everyone. I have a simple hide/show script that is doing what I want, but I was wondering if there is an easier way around having to specify show and hide requirements "onclick" each time. Here is what I've got: Javascript: Code: <script type="text/javascript">
function show(boxid) {
document.getElementById(boxid).style.display="block";
}
function hide(boxid) {
document.getElementById(boxid).style.display="none";
}
</script>
HTML: Code: <body onload="hide('homePoster1'); hide('homePoster2'); hide('homePoster3'); hide('homePoster4'); hide('filmDesc1'); hide('filmDesc2'); hide('filmDesc3'); hide('filmDesc4'); ">
<div id="homePoster1"><img src="img/posters/babystory.gif" width="419" height="419" /></div>
<div id="homePoster2"><img src="img/posters/converse.gif" width="419" height="419" /></div>
<div id="homePoster3"><img src="img/posters/cookingchannel.jpg" width="419" height="419" /></div>
<div id="homePoster4"><img src="img/posters/culturesofresistance.jpg" width="419" height="419" /></div>
<div class="filmDescAll">
<h2>Film 1 title</h2>
<div id = "filmDesc1">Film 1 description</div>
<div class="more"><a href="#" onclick="show('filmDesc1'); hide('filmDesc2'); hide('filmDesc3'); hide('filmDesc4');
show('homePoster1'); hide('homePoster2'); hide('homePoster3'); hide('homePoster4');">+ more info</a></div>
</div>
<div class="filmDescAll">
<h2>Film 2 title</h2>
<div id="filmDesc2">Film 2 description</div>
<div class="more"><a href="#" onclick="show('filmDesc2'); hide('filmDesc1'); hide('filmDesc3'); hide('filmDesc4');
show('homePoster2'); hide('homePoster1'); hide('homePoster3'); hide('homePoster4');">+ more info</a></div>
</div>
<div class="filmDescAll">
<h2>Film 3 title</h2>
<div id="filmDesc3">Film 3 description</div>
<div class="more"><a href="#" onclick="show('filmDesc3'); hide('filmDesc1'); hide('filmDesc2'); hide('filmDesc4');
show('homePoster3'); hide('homePoster1'); hide('homePoster2'); hide('homePoster4');">+ more info</a></div>
</div>
<div class="filmDescAll">
<h2>Film 4 title</h2>
<div id="filmDesc4">Film 4 description</div>
<div class="more"><a href="#" onclick="show('filmDesc4'); hide('filmDesc1'); hide('filmDesc2'); hide('filmDesc3');
show('homePoster4'); hide('homePoster1'); hide('homePoster2'); hide('homePoster3');"class="more4">+ more info</a></div>
</div>
Hi, i have this code that works, but takes like 3 seconds to load when using it on the website. Is there a better way to code this to make it faster? Code: function onTaskChange(num)
{
if( num = 1)
{
var stask = document.forms[0].task11.value;
setSelectValue("forms[0].task21", stask);
setSelectValue("forms[0].task31", stask);
setSelectValue("forms[0].task41", stask);
setSelectValue("forms[0].task51", stask);
for( i = 0; i < 7; i++)
tblProjectHours[i][6]=stask;
onTaskChange(4);
onTaskChange(7);
onTaskChange(10);
onTaskChange(13);
}
else if( num = 2)
{
var stask = document.forms[0].task12.value;
setSelectValue("forms[0].task22", stask);
setSelectValue("forms[0].task32", stask);
setSelectValue("forms[0].task42", stask);
setSelectValue("forms[0].task52", stask);
for( i = 7; i < 14; i++)
tblProjectHours[i][6]=stask;
onTaskChange(5);
onTaskChange(8);
onTaskChange(11);
onTaskChange(14);
}
else if( num = 3)
{
var stask = document.forms[0].task13.value;
setSelectValue("forms[0].task23", stask);
setSelectValue("forms[0].task33", stask);
setSelectValue("forms[0].task43", stask);
setSelectValue("forms[0].task53", stask);
for( i = 14; i < 21; i++)
tblProjectHours[i][6]=stask;
onTaskChange(6);
onTaskChange(9);
onTaskChange(12);
onTaskChange(15);
}
else if( num = 4)
{
var stask = document.forms[0].task21.value;
for( i = 21; i < 28; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 5)
{
var stask = document.forms[0].task22.value;
for( i = 28; i < 35; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 6)
{
var stask = document.forms[0].task23.value;
for( i = 35; i < 42; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 7)
{
var stask = document.forms[0].task31.value;
for( i = 42; i < 49; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 8)
{
var stask = document.forms[0].task32.value;
for( i = 49; i < 56; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 9)
{
var stask = document.forms[0].task33.value;
for( i = 56; i < 63; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 10)
{
var stask = document.forms[0].task41.value;
for( i = 63; i < 70; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 11)
{
var stask = document.forms[0].task42.value;
for( i = 70; i < 77; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 12)
{
var stask = document.forms[0].task43.value;
for( i = 77; i < 84; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 13)
{
var stask = document.forms[0].task51.value;
for( i = 84; i < 91; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 14)
{
var stask = document.forms[0].task52.value;
for( i = 91; i < 98; i++)
tblProjectHours[i][6]=stask;
}
else if( num = 15)
{
var stask = document.forms[0].task53.value;
for( i = 98; i < 105; i++)
tblProjectHours[i][6]=stask;
}
}
Hi there - im new to website making . i have made my own site in adobe flash cs 4 /photoshop and now im trying to optimize with swo (swiftobject) using adobeair. I must say that im following Lydia.com tuts on video. Anyway when i try to generate and embed using adobe air, the guy on the video that im following he is setting the dimensions to 100 %. My web site is 850x600 pix centeret on the screen with grey background before i started the swo thing. I also choose to set the dimensions to 100% because he says so and when i do that and preview in the browser the site gets really , really big - what am i doing wrong? thanks in advance. jeppe
Hi, Im using a authoring tool to develop an elearning test course. The course is composed of several HTML pages with Buttons for the multiple choice test. The setup of the course is that it will only ask 10 questions out of a pool of 30 questions. When the HTML & JS files are online, the test takes 20-40seconds to load. I believe it is related to the code that selects the 10 questions from the 30. I've singled out the code that does the select random pages... Is there any way to optimize the code? I've attached the HTML (in txt format) page where the javascript can be found. Looking forward to your replies! not sure why this wont sort in asending order... i tend to make little dumb mistakes sorry. :/ Code: <script type="text/javascript">
function sort(nums) {
var rangeStart = 0;
var rangeEnd = nums.length - 1;
var i = 0;
var minPosition = rangeStart;
while(rangeStart < rangeEnd) {
// find minumum
for(i = rangeStart; i < rangeEnd; i++) {
if(nums[i] <= nums[minPosition+1]) {
minPosition = i;
}
}
// swap
var temp = nums[rangeStart];
nums[rangeStart] = nums[minPosition];
nums[minPosition] = temp;
// change range
rangeStart++;
}
}
document.write("<h3>Examples</h3>");
first10 = [2,3,5,7,9,4,8,0,6,1];
document.write("<div>Sorting <tt>["+first10+"]</tt> with current code gives ");
sort(first10);
document.write("<tt>["+first10+"]</tt></div>");
ages = [19,34,20,66,82,53,88,74,39,13];
document.write("<div>Sorting <tt>["+ages+"]</tt> with current code gives ");
sort(ages);
document.write("<tt>["+ages+"]</tt></div>");
</script>
SO, thanks for checking this out. If i have 3 text areas for output and an array that can be of size 0 to however big a user passes in values. How would I display the last 3 values of the array in the text areas? Here's what I was thinking psuedoCode, but I just want to know if there is an easier way. thnx! Code: //handling all the cases (ie if i have less than 3 items)
var size = array.length
display 0
if(size <= 3)
if(size == '3'){
display0 = array[0]
display1 = array[1]
display2 = array[2]
if(size == '2')
do the same but copy the 2 elements
if(size == '1')
do the same
else
var newSize = (size -1) - 1 //to find where the first of the 3 elements will be
display0 = array[newsize]
display1 = array[newsize+1]
display2 = array]newsize+2]
Its seems a bit extraneous doing it this method, so i was just wondering if anyone could think of a better way. Thanks again! I have an assignment to code a java class that plays rock, paper, or scissors. The class can access the history of past gestures played by both itself and its opponent, but nothing else. The class will be played against others in 10,000 matches and the winner will be determined via round robin format. Other than using a greedy algorithm to determine statistically the best choice from prior gestures and basic pattern recognition I have no decent ideas. I'd appreciate any suggestions.
Hello, I'm trying to write some javascript that will detect if the page has been loaded because of the refresh button being pressed. I've searched google on how to do this, and several websites recommend something similar to the code I'm implementing below: Code: <script type="text/javascript" language="javascript">
// in head
function checkRefresh() {
alert("BEFO value = " + document.getElementById("visited").getAttribute("value"));
if (document.getElementById("visited").getAttribute("value") == null ||
document.getElementById("visited").getAttribute("value") == "")
{
document.getElementById("visited").setAttribute("value", "refreshed")
}
alert("AFTER: value = " + document.getElementById("visited").getAttribute("value"));
}
</script>
...
<body onload="Javascript:checkRefresh();">
...
<form id="hiddenform">
<input type="hidden" id="visited" value="" />
</form>
</body>
My variation differs from most of the examples on the internet in a few ways (which may or may not affect its functionality): 1) Most examples access the elements by directly using their names (as in: document.hiddenForm.visited.value). I'm using document.getElementById(...).getAttribute(...) just because that seems to be the safest way to ensure you are in fact getting the elements you want, and setAttribute(...) to ensure you're setting the attribute in the proper way. This entails that I need to set the ID in the form and input elements rather than the name. 2) I'm accessing the input tag directly (rather than going through the form) because I really don't see how this would make a difference. 3) I'm doing all this within asp:content tags which, from what I understand, can affect the behavior of the elements within it. I'm not sure if this works out for other programmers, but for me it doesn't seem to be working. My alert messages in the checkRefresh function tell me that the value of the input element does indeed change as expected, but it seems to get wiped out and reinitialized to the original value of "" when the page is refreshed. Am I doing something wrong? Thanks for any help. Hey all, I have a simple example below showing how when I pass in the value of the value attribute of option node, and then use if operator to check whether parameter is a string or not, even though it's a string, it converts it to false boolean and triggers the else statement rather than calling a function: Code: <body> <select> <option value="createMsg">Add Message</option> <option value="removeMsg">Remove Message</option> </select> </body> Code: var menu = {
handleMenu : function(callback){
if(callback === "string"){
menu[callback]();
}
else {
console.log("Issue occurred")
}
},
createMsg : function(){
var content = document.createTextNode("Please give additional information."),
heading = document.createElement("h1");
heading.appendChild(content);
document.body.appendChild(heading);
},
removeMsg : function(){
}
}
document.getElementsByTagName('select')[0].onchange = function(){ menu.handleMenu(this.value)};
callback should be a string so why is it saying otherwise? Thanks for response I am trying to use some string functions with no results. It appear what I'm using them on are not strings. my_string = document.getElementById("link5").onclick; document.write(my_string.lastIndexOf("5")); This gets nothing! And document.write(document.getElementById("link5").onclick.lastIndexOf("5")); gets nothing. BUT if I make a string and put what the onclick is set to with: my_string = "function onclick(event) { reveal(\"5\", \"2\", \"1864\")"; then my_string.lastIndexOf("5") will yield 34. So why is my original my_string = not working? And how can I get it to work? This is probably easy if I knew Javascript. Can someone show me the code to get the number "800014352" part from the url???? http://testebiz/ebizbtest/ShoppingCa...2/Default.aspx I was looking at this page, and came across "%" used in strange context. It appears that the mod operator can be used in Strings?? http://download.oracle.com/javase/tu...vaOO/enum.html What does this do/ mean? Thanks!!: System.out.printf("Your weight on %s is %f%n", p, p.surfaceWeight(mass)); I need help with the following code below. It just doesn't turn out okay. Any ideas? Code: function changing() {
A = document.exempel.Amount.value
B = ("<%#Container.DataItem("Price_2_qty")%>")
C = ("<%#Container.DataItem("Price_3_qty")%>")
D = ("<%#Container.DataItem("Price_4_qty")%>")
E = ("<%#Container.DataItem("Price_5_qty")%>")
if (A < B) {document.exempel.Price.value = "<%#Container.DataItem("Price_1")%>"}
else if (A = B && (!(A >= C))) {document.exempel.Price.value = "<%#Container.DataItem("Price_2")%>"}
else if (A = C && (!(A >= D))) {document.exempel.Price.value = "<%#Container.DataItem("Price_3")%>"}
else if (A = D && (!(A >= E))) {document.exempel.Price.value = "<%#Container.DataItem("Price_4")%>"}
else if (A >= E) {document.exempel.Price.value = "<%#Container.DataItem("Price_5")%>"}
}
I'm trying to determine whether a word exists in the URL and if so, change the CSS of a div. I know how to do each task individually, but combining the two is giving me trouble. So far I have: Code: function checkSent(divname)
{
if(document.URL.indexOf("sent") >= 0)
*document.getElementById(success).style.display = 'block';
}
var sentornot = checkSent();
// If the URL contains the word, sent, then change the display of the element "success" to block
I can successfully determine whether the string exists in the URL by adding an alert, but the Javascript to change the CSS doesn't work. The CSS for the div element "success" is as follows: Code: #success {
display: none;
}
Any help is appreciated! Thanks! Edit: If needed, this is the code I used to test whether the "check URL" portion works: Code: function checkSent(divname)
{
if(document.URL.indexOf("sent") >= 0) {
alert("found");
document.getElementById("success").style.display = 'block'; //this line doesn't work :(
}
else{ alert("not found"); }
}
Hey guys, I need some help with fetching a string to be the button text from the html, instead of building it in the javascript, so I can localize it for translations. Right now I have this generating the button: Code: <input type="button" id="share_validate_button" name="share_validate_button" value="<?php echo __('Test Share'); ?> " />
The function __() I am using for the localization stuff, in case you were wondering what that was for. Anyways, below is the JS associated with this button Code: function share_validate_click_add ()
{
$('#share_validate_button').removeAttr('disabled').attr('value', 'Test Share').one('click', function(){
xajax_settings_osb_data_windows_verify(xajax.getFormValues('data_info_form'));
$('#share_validate_status').html('');
$(this).attr('disabled', 'disabled').attr('value', 'Testing Share...');
});
}
This will display the correct value for the button, and on click, the button disables and text changes to 'Testing Share...' The only problem is the JS overrides the value I set in the html, so I can't localize it. I was wondering if there was a way for me to set the two values (Test Share & Testing Share...) in the html above where we set id and class, and just fetch them in the js where needed. Is this possible? If someone can help me I would really appreciate it! Thanks! Hi, I'm working on refining my search function. At the moment it works fine like this: Code: function searchLocations()
{
var found = false;
var input = document.getElementById('autocomplete').value;
for (var j = 0; j < gmarkers.length; j++)
{
if (gmarkers[j].myname.toLowerCase() == input.toLowerCase())
{
found = true;
gmarkers[j].show();
myclick(j);
}
}
if ( ! found ) alert("No matches found. Please check your spelling or refine your search.");
}
but you have to get the input exactly the same as it is in the array for it to work (as it should, being that that's the way it's written). I wanted to split it so that for example Black Cat Hotel would pop if the user entered Black OR Cat OR Hotel (or any combination of the above). So I thought that this might work: Code: function searchLocations()
{
var found = false;
var input = document.getElementById('autocomplete').value;
for (var j = 0; j < gmarkers.length; j++)
{
var s = gmarkers[j].myname.toLowerCase().split(" ");
if ( s == input.toLowerCase())
{
found = true;
gmarkers[j].show();
myclick(j);
}
}
if ( ! found ) alert("No matches found. Please check your spelling or refine your search.");
}
but obviously not. Is there some better way to do this? I am using javascript to search for the '*' character in a string (ie. 'username*:') but using search('\*') does not work. How do I search for it since the search function takes a regexp argument and * messes that up?
Hi guys im new here i have a project about searching string im am going to use javascript the program should look like this. Enter first word: abcd Search in first Word: ab then pop up ab found then if i type like sdg then pop up sdg not found something like this plss how can i do that When comparing an empty string "" to another string like "1232", javascript is returning true. Why is that?
|
|||||||