Hi! I’m Starx

Question 1

Question by Maarten Hartman

Maarten Hartman

I’d like to format a number(stored as 10000.23, or 1.23) with php, , and place images between them, like the following.

10000,23

becomes

[img1]100[img2]00[img3]10

and

1,10

becomes

[img1]0[img2]1[img3]10

Anyone knows how to do this?

I tried several number formats but none of them allowed me to separate the last 4 digits into two pairs ( 00.00.00 )

Answer

Answer by Starx

Starx

Looks as if you want currency Format and replace the quotation marks with images. Here is a small function to add commas on the number.

function cFormat($number) {
    while (true) {
        $replaced = preg_replace('/(-?d+)(ddd)/', '$1,$2', $number);
        if ($replaced != $number) {
            $number = $replaced;
        } else {
            break;
        }
    }
    return $number;
}

Then, here is how to replace them with images.

$int = 10000.23;
$int = cFormat($int);

// After adding comma, use str_replace() to replace comma with images
$int = str_replace(",", "<img src="comma.jpg" />", $int);
$int = str_replace(".", "<img src="period.jpg" />", $int);

Question 2

Question by user1778569

user1778569

How to get integer value from textfield and retrieve the value to another class in java ??

I know how to get but if i used in another class he get me 0 value,,,

“this is in the GUI” x1,x2,y1,y2 predefined

private void X2_accesActionPerformed(java.awt.event.ActionEvent evt){              
     x2=(int)(Double.parseDouble(X2_acces.getText())); 
}

I want to draw line the user inter 2 point (x1,y1) and (x2,y2) after that move the value to class draw line

“this is in class drawLine”

Next_frame nf=new Next_frame();
Point2D.Double p2=new Point2D.Double(nf.x2,nf.y2);

Answer

Answer by Starx

Starx

The following statement is quite ambigous.

x2=(int)(Double.parseDouble(X2_acces.getText()));

You are parsing the value as Double and casting it down to int. This is enough:

x2 = Integer.parseInt(x2_acces.getTest());

Now, when passing this value to another class, you have to make sure, that the method to which you are passing to accept the data type you are about to send.

For example:

For a class like this:

class DummyClass {
   public DummyClass(int X) {
      //Here note that 'x' is asking for a integer so you have to provide it with integer
   }
}

Then you have use them in the following order:

x2 = Integer.parseInt(x2_acces.getTest());
DummyClass c = new DummyClass(x2);

Question 3

Question by denislexic

denislexic

Like most people, I use a bunch of jquery plugins on my website. From Twitter bootstrap to jquery ui datepicker and so on.

But I need my website to be multilingual, so I created a general language file called english.js , and in that file I want to declare some of the defaults from plugins as well as other language variables.

The problem is that all these plugins have varying structures to declare defaults. I saw a couple of questions already ( jquery – setting plugin defaults?, Globally defining jQuery plugin parameters , jQuery plugin defaults , …). But they are not clear.

STRUCTURE 1

$.fn.ajaxStatus = function (params)
{
    var settings = $.extend(
            {
                defaultLoadingText :"Loading...",
                defaultSavingText  :"Saving...",
                defaultDoneText    :"Done",
                defaultRedirectText:"Redirecting...",
                defaultErrorText   :"Oops! Our bad, something wrong.";
            },$.fn.ajaxStatus.defaults,
            params),
});

STRUCTURE 2

   jQuery.fn.extend({
        shrinker:function (options) {
            var opts = $.extend({
                "moreText":"Read more", 
                "lessText":"hide",
            }, $.fn.shrinker.defaults, options);
   });

THE QUESTION

Without modifying the plugin, is it possible to assign some defaults for the function that will be used every time I use the plugin?
How can I define the language defaults in an external file?

Right now, I have this in my language file, but it feels wrong, is this how you do it?

if ($.fn.ajaxStatus !== undefined) {
    $.fn.ajaxStatus.defaults =
    {
        defaultLoadingText :"Loading2...",
        defaultSavingText  :"Saving2...",
        defaultDoneText    :"Done2",
        defaultRedirectText:"Redirecting2...",
        defaultErrorText   :"Oops! Our bad, something wrong"
    };
}

Thanks in advance for you help.

Answer

Answer by Starx

Starx

I have done somehow similar to this. But I am not giving the full implementation.

Here is how to do it.

Define your plugins params for language like this:

var options = {
    lang: "np" //your default language
};

Set up your language objects like this

var lang = {
    "en": {
        "var1" : "This is variable one"
    },
    "np": {
        "var1": "यो एउटा भेरियबल हो ।"  //Different text based on language initials
    }
};

Then you can simply create a function to read the value like this

function showVar1() {
    alert(lang[options.lang].var1);
}

[Demo]_{Its not a plugin based.}

Question 4

Question by Pranali

Pranali

I have a simple application in which I want compare two arrays.

function check() {
    var Array1 = value.length;
    var Array2 = selected_value.length;
    alert(Array1 + "," + Array2);
    for (var i = 0; i < Array1; i++) {
        for (var j = 0; j < Array2; j++) {
            if (value[i] == selected_value[j]) {
                alert("both div are same");
            }
        }
    }
}

my arrays have 4 elements each but the if condition is not satisfied.

Answer

Answer by Starx

Starx

Here is function, with which you can compare two arrays

function arraysEqual(arr1, arr2) {
    if(arr1.length !== arr2.length)
        return false;
    for(var i = arr1.length; i--;) {
        if(arr1[i] !== arr2[i])
            return false;
    }

    return true;
}

Source

You can check if array return false, like this

if(!arrayEqual(arr1,arr2)) {
   // false
}

Question 5

Question by Rahul TS

Rahul TS

I will start with an example

I have something like this. Same id name with different ending numbers.

#samplelist_1 { color: #fff; }
#samplelist_2 { color: #fff; }
#samplelist_3 { color: #fff; }
#samplelist_4 { color: #fff; }

and these css are automatically generated. So I want to declare and define a css for #samplelist_.. which will affect all the #ids generally. So any #ids generated say: _15, _86 or anything like that can be styled.

Is that possible.

Please let me know, if the explaination make sense

Thanks in advance.
Rahul TS

Answer

Answer by Blender

Blender

You can use the attribute starts-with selector:

[id^="samplelist_"] {
    color: white;
}

Better yet, give them a class.

Answer

Answer by Starx

Starx

Don’t generate such redundant styles, instead use class to apply same style to multiple element at once. Thus, eliminating the need to go look for such stupid solution on first place.

If not going for cross-browser compatible CSS then you can do something like

[id^="samplelist_"] {
    color: #FFF;
}

Let me explain this selector in detail

[id]: means it is going to match the id attribute of the element
^=: means if the value starts with ....

Combined it says “if id starts with samplelist_” then apply this style.

Question 6

Question by TapThatApp

TapThatApp

I want to use file_get_contents to grab only information between the p
tags.

I’ve tried to use DOM elements but when I use getElementByTagName and loop through the array, it strips all HTML within the <p> tag.

<?php
function search(){
    $city = $_POST['city'];
    $scity = trim($city);
    $dom = new DOMDocument;
    libxml_use_internal_errors(true);

    $dom->loadHTMLFile('http://'.$scity.'.craigslist.org/search/cto?query=Toyota');
    libxml_use_internal_errors(false);
    $xpath = new DOMXPath($dom);
    $contents = $xpath->query('//p[@class="row"]');

    foreach($contents as $val){
        echo '<a href="' . $val->getElementsByTagName('a')->getAttribute('href') . '">' .  utf8_decode(trim($val->nodeValue, " -,")) . "</a><br />n";;
    }
}
?>

I want it to display just as it does on craigslist.
The title with the link to craigslist and price, img etc…

Answer

Answer by Starx

Starx

Use preg_match_all():

$text = file_get_contents("....");

preg_match_all('|<p>(.*?)</p>|',$texst, $matches); //Use regex to match all inside `p`

var_dump($matches); //View the matches

Question 7

Question by uriah

uriah

I’m having difficulty with some syntax.

JS

function sortAlpha(a,b){
       return a.innerHTML > b.innerHTML ? 1 : -1;
};

$('.brick ul li').each(function() {
       $(this).sort(sortAlpha).appendTo('ul');
});

HTML

<div id="studio" class="brick">
<div class="listlist">
<h3 class="title">Studio</h3>
<ul class="list">
    <li class="odd">
        <a href="#">
            <span class="title">Apple</span>
        </a>
    </li>
    <li class="even">
    <span class="title"><a href="#">Cat</span>
            </a>
    </li>
    <li class="odd">
        <span class="title">
                        <a href="#">Bar</span>
        </a>
    </li>
</ul>
</div>
</div>

I would like to append $this li to it’s own parent ul not all the lists

Edit: Just to make sure I’m selecting the correct li and parent. Thanks

Answer

Answer by Sheikh Heera

Sheikh Heera

You have inaccurate html, not properly nested, anyways, you may try this, I’ve answered assuming that the first li have the right nesting, as given below

<li class="odd">
    <a href="#">
        <span class="title">Apple</span>
    </a>
</li>

Working Example Here.

// Sorter
function sorter(){
    var arr=[], len=$('.brick').find('ul.list li').length;    
    $('.brick ul.list li').each(function(i) {
        var el=$(this).find('a span').text();
        arr.push(el);
        if(i==(len-1))
        {
            arr=sortAlpha(arr);
            var ul=$(this).closest('ul.list').empty();
            $.each(arr, function(k, v){
                var cls=(k%2) ? 'even':'odd',
                li=$('<li/>', {'class':cls}),
                a=$('<a/>',{'href':'#'}).append($('<span/>', {'class':'title'}).text(v));
                ul.append(li.append(a));
            });
        }
    });    
}

//Sort helper
function sortAlpha(list){
    var result = [], map = [];
    for (var i=0, length = list.length; i < length; i++) {
        map.push({ index: i, value: list[i].toLowerCase() });
    }
    map.sort(function(a, b) {
        return a.value > b.value ? 1 : -1;
    });
    for (var i=0, length = map.length; i < length; i++) {
        result.push(list[map[i].index]);
    }
    return result;
}

Answer

Answer by Starx

Starx

If you are unsure of the parent element, then use this

$(this).sort(sortAlpha).appendTo($(this).parent("ul"));

If you are still not sure that parent is going to right above the DOM Tree then use .closest()

$(this).sort(sortAlpha).appendTo($(this).closest("ul"));

But, performance will better if you uniquely identify the ul with an id like

<ul id="meParent">
   ...
</ul>

Then

$(this).sort(sortAlpha).appendTo("#meParent");

Question 8

Question by Eric Baldwin

Eric Baldwin

I am just starting a jQuery tutorial and I have a basic question on the load order of jQuery animations.

Clicking on a link causes both an alert and a hide animation to appear when I use the following HTML code:

 <body>
   <a href="http://jquery.com/">jQuery</a>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
       $("a").click(function(event){
         event.preventDefault();
         $(this).hide("slow");
       });
     });
   </script>
 </body>

However, when I take the second click function out of the document.ready function so that the code looks as it does below, the popup appears and the text disappears, but the hide animation does not happen.

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <title>jQuery demo</title>
   <style>
    a.test { font-weight: bold; }
  </style>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });
     $("a").click(function(event){
       event.preventDefault();
       $(this).hide("slow");
     });
   </script>
 </body>
 </html>

Can anyone explain why the hide animation shows up only for the first example and not the second?

Answer

Answer by Starx

Starx

This is because the second handler is not get attached to all the anchor <a> tags on the div.

 $("a").click(function(event){ //This function will execute as the script loads
                               // and during this time, DOM might have been loaded yet
   event.preventDefault();
   $(this).hide("slow");
 });

But, by wrapping this inside.

$(document).ready(function() {

    // DOM is loaded

});

You first make sure the DOM is loaded first, then attach the handler.

Question 9

Question by user1694724

user1694724

I have a small task where I have a mysql table “shops”.It contains a column “categories”. Each field of categories contains diiferent values like “22,44,33,55,24,33,22”
Now taking each value from that field, i need to get the value from a column “parent” in another table. (linking with ids) I am selecting the whole string, but i want to select each number. Please help me with this.

$db_selected = mysql_select_db("",$con);
$sql = "SELECT categories from shops";
$array = mysql_query($sql,$con);
while($row=mysql_fetch_array($array)){
foreach($row as $value){
    $result= explode(" ", $value);
    foreach($result as $newvalue){
    $query="SELECT parent FROM categories where categories.id=$newvalue<br/>";
    echo $query;
    }
    }
    }
mysql_close($con);
?>

Answer

Answer by Starx

Starx

You are exploding based on a space charater but your value needs to be exploded on the basis of ,. So try that

$result= explode(",", $value);
foreach($result as $newvalue){

    $query="SELECT parent FROM categories where categories.id='$newvalue'";
                                                           // ^ Quotes the Value
                                                           // Remove the <br />

    echo $query."<br />"; //Instead add it here and avoid the bug if you decide the run the query

    // This example is showing mysql_* library but it is deprecated

    $result = mysql_query($query);
    $row = mysql_fetch_assoc($result);
    $parent = $row['parent']; //Now you can something like this


}

Hi! I’m Starx

experienced Software Developer. And this is my blog

Blog Page

Custom Number format and images in between

Question by Maarten Hartman

Answer by Starx

how to get integer value from textfield and retrieve the value to another class in java

Question by user1778569

Answer by Starx

Jquery – Creating a general language file to declare defaults for any plugins

Question by denislexic

Answer by Starx

Reality about me: Nabin Nepal

The realiable Realist

Introverts:

Compare two diff array with same size

Question by Pranali

Answer by Starx

General CSS for #id ending with numbers

Question by Rahul TS

Answer by Blender

Answer by Starx

Retrieve posts from craigslist in PHP

Question by TapThatApp

Answer by Starx

Using appendTo() on the parent `ul` of $this (current) element

Question by uriah

Answer by Sheikh Heera

Answer by Starx

Load order of jquery animations

Question by Eric Baldwin

Answer by Starx

explode and select each element from array

Question by user1694724

Answer by Starx

Please fill the form - I will response as fast as I can!