javascript

[Solved] i am working on flip image but it’s not working [closed]

by

I think this is your perfect answer. .flip { height: 199px; width: 300px; margin: 0 auto; } .flip img { width: 300px; height: auto; } .flip .back { background: #2184cd; color: #fff; text-align: center; } <head> <script src=”https://code.jquery.com/jquery-2.1.4.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/jQuery-Flip/1.1.2/jquery.flip.min.js”></script> <script> $(function () { $(“.flip”).flip({ trigger: ‘hover’ }); }); </script> <script> $(function () { $(“.flip”).flip({ … Read more

[Solved] Should the Bootstrap media queries be saved in a css file or a js file?

by

Move your style.js css media codes into the style.css CSS media queries are the part of .css extension files. You should not place it some other extension than .css Now a days there are preprocessor tool for css like .less, .sass, .scss you can use them in those extension files as well. <link rel=”stylesheet” href=”https://stackoverflow.com/questions/41377265/style.css” … Read more

[Solved] Calling javascript function in my PHP code

by

You need quotes around the texts and properly set window.onload: <?php function GET($key) { return isset($_GET[$key]) ? $_GET[$key] : null; } $alert = GET(‘message’); echo “<script>window.onload = function () { “; if ($alert == “success”) echo “success();”; else if ($alert == “removed”) echo “remove();”; echo ” };</script>”; ?> If those two are all you need, … Read more

[Solved] “Uncaught SyntaxError: Unexpected token , ” when create my object javascript

by

All objects must have keys. You define an object using curly bracers {}. Basically what you are saying is, add an array with one object that has no keys defined. If you want an array with the values a,b,c,d you can remove the bracers: myObjectList[0] = [“a”, “b”, “c”, “d”]; You always define objects with … Read more

[Solved] JQuery and WinJS – Promise [closed]

by

Promises are a programming pattern for dealing with asynchronous operations. The pattern could be applied to other languages, but they are most commonly encountered in JS libraries (like jQuery and WinJS). Kraig Brockschmidt has a really good blog post about how they work (in general) and in WinJS here: http://blogs.msdn.com/b/windowsappdev/archive/2013/06/11/all-about-promises-for-windows-store-apps-written-in-javascript.aspx I’ve written a blog post … Read more

[Solved] Want to find the url from html tag [closed]

by

Try the below $(function() { var a_href = $(‘#website-view a’).attr(‘href’); var decodedUri = decodeURIComponent(a_href); var url = decodedUri.split(“url=”)[1].split(“&”)[0]; alert(url); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <div id=”website-view”> <ul> <li> <a target=”_blank” href=”https://stackoverflow.com/redir/redirect?url=http%3A%2F%2Ffacebook%2Ecom%2Fshwet&amp;urlhash=GvM1″>My Facebook</a> </li> </ul> </div> 2 solved Want to find the url from html tag [closed]

[Solved] How does this while block work? [closed]

by

result and counter are separate variables with different goals in this code. counter is incremented like counter += 1 so that eventually the while condition while (counter<10) will be satisfied and the code will cease to execute. As for result, each time the code in the while block is executed, result is updated by multiplying … Read more

[Solved] How to get only first object value key value [closed]

by

Just use array[0].value: var array = [{ label: “1”, value: “11” }, { label: “2”, value: “22” }, { label: “3”, value: “33” }, { label: “4”, value: “44” }, ]; var firstValue = array[0].value; console.log(firstValue); You can also use destructuring like so: var array = [{ label: “1”, value: “11” }, { label: “2”, … Read more

[Solved] If any user with some free time can help me with my array loop [closed]

by

Come on… at least post some seemingly valid code… with an actual question. function changeImage(image) { var patharray = image.src.split(“https://stackoverflow.com/”); var name = patharray[patharray.length -1]; if (name == “FlyingHigh.png”) { … } } solved If any user with some free time can help me with my array loop [closed]

[Solved] Calculate the distance between 2 position Google maps Api

by

My code is get distance of 2 point or 2 location in map with google map deriction service var PolylineOption = { strokeColor : “blue”, strokeOpacity : 0.5, strokeWeight : 5 }; var request = { origin : polyline[0].start, // điểm đầu waypoints : polyline[1].waypoint, destination : polyline[2].end, // Điểm cuối optimizeWaypoints : true, travelMode … Read more

[Solved] Change the src of an image with an Href [closed]

by

Sorry if it took long! Here’s a working JsFiddle! $(document).ready(function () { var items = $(“nav.bgNav ul”); var img = $(“#bgStretchimg”); next(); function next() { var urlI = items.children(‘.active’).children(“a”).attr(‘href’); var nextI = items.children(‘li.active’).removeClass(“active”).next(); if (nextI.length == 0) { nextI = items.children().eq(0); } nextI.addClass(‘active’); img.attr(‘src’, urlI); // schedule next iteration setTimeout(function () { next(); }, 2000); … Read more

[Solved] Progress bar animation when inputing form

by

I’m unsure of the issue because I cannot see a working example. Here is a working solution. $(“#progressbar”).progressbar({ value: 0 }); var $inputs = $(“.form-group”).children(“input”); var totalInputs = $inputs.length; $inputs.on(‘keyup’, function() { var pbVal = 0; $inputs.each(function(){ if($(this).val().length > 0) pbVal ++; }); $(“#progressbar”).progressbar(“option”, “value”, (pbVal/totalInputs)*100) }); .container{ width: 100% } <script src=”https://code.jquery.com/jquery-1.12.4.js”></script> <script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script> … Read more

[Solved] .js file execution in .html [closed]

by

You need to add the jit-yc.js file too. As can be encountered in the HEAD tag: <script language=”javascript” type=”text/javascript” src=”https://stackoverflow.com/questions/16403123/jit-yc.js”></script> Simply download the file and put the script tag in your head and all can works perfectly. 🙂 3 solved .js file execution in .html [closed]