JavaScript

Nathan Minier6-Dec-18 1:24

Nathan Minier

6-Dec-18 1:24

Notepad

Better yet:
Notepad++

"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor

Nitin S7-Dec-18 1:57

Nitin S

7-Dec-18 1:57

use
Visual studio code
or
Visual studio community edition

=====================================================
The grass is always greener on the other side of the fence

RedDk28-Dec-18 11:44

RedDk

28-Dec-18 11:44

Firefox has visual access to page content. Very robust editing of HTML via Web Developer/Inspector.

I've been using Firefox as a go-to internet browser for several years now and only recently have begun using it to do things that only Visual Studio has been able to do before it's discovery.

Problems to obtain value "0" or "1" from a div

Bram van Kampen28-Dec-18 12:55

Bram van Kampen

28-Dec-18 12:55

Hi,
That seems a reasonable suggestion.
I'll try and Download Firefox, and see how it goes.

Thanks. Smile | :)

Bram van Kampen

serenimus1-Dec-18 0:37

Re: Problems to obtain value "0" or "1" from a div

1-Dec-18 0:37

Hi!!

so, I have this Ajax function vinculated to a change Jquery event:

JavaScript

  $("#nif").change(function(){

         <pre> $.ajax({
async:true,
type:"POST",
data:N,
url:"<?=$this->basePath("alta/nuevouser/vernifduplicadoajax")?>",
    success:function(datos){
    $("#res").html(datos);

    }
    });

});

The matter is...that the result is or "1" (double register at DB) or "0" (no repeat), the value always appear in the div, depending of this result, I want to activate another

and show a message an other operations..

to evaluate this value I do the next

if($("#res").length !==0){
			var warn=parseInt(document.getElementById("res").innerHTML);
			alert(warn);
			}

but I always receive (using alert();)..isNan ...that is, "is not a Number"..
I`d need to evaluate:

if(warn==1){
//do this
}else{
//do that
}

Thanks a lot in advance!! Smile | :)

ZurdoDev4-Dec-18 2:27

Unable to switch events in jquery

4-Dec-18 2:27

All that means is that document.getElementById("res").innerHTML does not contain a number. All you have to do is put a breakpoint there, run the code, and see what the value is and you'll figure out what is going on.

Everyone is born right handed. Only the strongest overcome it.

Fight for left-handed rights and hand equality.

vmann30-Nov-18 18:45

vmann

30-Nov-18 18:45

I have some sort of similar markup as shown in last.

I want to filter the inner text elements based upon ids innerfilter1, innerfilter2.

I have also written code for hide general content based upon the outer filter. i.e. myid1 and myid2 which works fine. Here ids will hide divs have same classes

JavaScript

$('ul.nav.nav-tabs>li>a').click(function(){
    var curtab = $(this).attr('href').substring(1);
      console.log(curtab);
    $('.tab-content .tab-pane').each(function(){
      var tabid = this.className;
      if(tabid.indexOf(curtab) > -1){
        $(this).siblings().hide();
      }
    });
    $(this).show();
  });

});

But nested filters use to filter the content which is not general but having filter either innerfilter1, innerfilter2. I have tried below code but this effects other tabs as well also impact

JavaScript

$('div.inner-tab-box>ul.nav.nav-tabs>li>a').click(function(){
    var curtab = $(this).attr('href').substring(1);
    $('.tab-content .tab-pane').each(function(){
      var tabid = this.id;
      if(tabid.indexOf(curtab) > -1){
        $(this).siblings().each( function () {
            var tx=this.id;
            if(tx==='general') {
            } else {
               $(this).hide();
            }
        });
        $(this).show();
      }
    }); 
});

Full Markup

JavaScript

<div class="top-header">
   <div class="container-fluid">
      <div class="header-top">
         <!-- Tabs -->
         <div id="tabs">

            <!-- tabs start  -->
            <div class="tab-content">
               <!-- part 1 Will execute 2 times as  per filters-->
               <div role="tabpanel" class="tab-pane active" id="myid1">
                  <div class="row">
                     <div class="col-xs-5ths ">
                        <div class="dark-box-outer">
                           <div class="top-light-text-box">
                              <div class="inner-tab-box ">
                                 <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class=""><a href="#innerfilter1" aria-controls="home" role="tab" data-toggle="tab">></a></li>
                                    <li role="presentation" class=""><a href="#innerfilter2" aria-controls="profile" role="tab" data-toggle="tab"></a></li>
                                 </ul>
                                 [B]<div class="tab-content">
                                    <div role="tabpanel" class="tab-pane myid1 " id="innerfilter1">
                                       <ul>
                                          <li>
                                            /* Some Content */
                                          </li>
                                       </ul>
                                    </div>
                                    <div role="tabpanel" class="tab-pane myid1 " id="innerfilter2">
                                       <ul>
                                          <li>
                                          /* Some Content */
                                          </li>
                                       </ul>
                                    </div>
                                    <div role="tabpanel" class="tab-pane myid1 " id="general">
                                       <ul>
                                          <li>
                                          /* Some Content */
                                          </li>
                                       </ul>
                                    </div>
                                    <div role="tabpanel" class="tab-pane myId2 " id="general">
                                       <ul>
                                          <li>
                                          /* Some Content */
                                          </li>
                                       </ul>
                                    </div>[/B]
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="col-xs-5ths ">   
                        <!-- Repeated Markup   -->             
                     </div>
                     <div class="col-xs-5ths ">  
                        <!-- Repeated Markup   -->                                 
                     </div>
                     <div class="col-xs-5ths ">
                            <!-- Repeated Markup   -->                                
                     </div>
                     <div class="col-xs-5ths ">

                     </div>
                  </div>
               </div>
               <!-- end part 1 -->
               <div role="tabpanel" class="tab-pane " id="myId2">
                <!--Repeated Content For myId2-->
               </div>
               <!-- end part 1 -->
            </div>
            <!-- End part 2 -->
         </div>
      </div>
      <!-- ./Tabs -->
   </div>
</div>

Can anyone help me to fix this.

Thanks

Re: Unable to switch events in jquery

ZurdoDev4-Dec-18 2:28

4-Dec-18 2:28

I do not understand what your question is. Maybe you can provide a simple summary and ask a clear question.

Everyone is born right handed. Only the strongest overcome it.

Fight for left-handed rights and hand equality.

Error on line 45

ghazabaz30-Nov-18 13:38

ghazabaz

30-Nov-18 13:38

Hey guys I need some final help with this code. Nothing is showing on the page. Thanks

"use strict";


// This section is supposed to display everything on the page but nothing is showing ?

var gameReport = "<h1>" + itemTitle + "</h1>" +
        "<h2>By:" + itemManufacturer + "</h2>" +
				 "<img src= 'hg_" + itemID + ".png'  alt='" + itemID + "' id= 'gameImg' />" +
				 "<table>" +
				   "<tr><th>Product ID</th><td>" + itemID + "</td></tr>" +
				   "<tr><th>List Price</th><td>" + itemPrice + "</td></tr>" +
				   "<tr>Platform</th><td>" + itemPlatform + "</td></tr>" +
				   "<tr><th>ESRB Rating</th><td>" + itemESRB + "</td></tr>" +
				   "<tr><th>Condition</th><td>" + itemCondition + "</td></tr>" +
				   "<tr><th>Release</th><td>" + itemRelease + "</td></tr>" +
				 "</table>" ;
				  itemSummary;
                 

document.getElementByTagName("article")[0].innerHTML = gameReport;

var ratingSum = 0;

var ratingsCount = ratings.length;

for (var i = 0; i < ratings.length; i++) {
   ratingSum = ratingsCount + ratingSum;
}

var ratingsAvg = ratingSum / ratingsCount;

var ratingReport = "<h1>Customer Reviews</h1> <h2> " + ratingsAvg + "out of 5 stars (" + ratingsCount + "reviews) </h2>";




// This section is giving me an error

for (var i = 0; i <= 2; i++) {


// It says right here "unexpected identifier" 

	ratingReport += "<div class=review><h1>" + ratingTitles + "</h1><table><tr><th>By</th><td>" + ratingAuthors + "</td></tr><tr><th>Review Date</th><td>" +ratingDate+   "</td></tr>" "<tr><th>Rating</th><td>";

					for (var i = 1; i < ratingsAvg.length; i++) {
						ratingReport += '<img src="'+ hg_star.png + '"/>';
					}
					
					ratingReport += "</td></tr</table>" + ratingSummaries + "</div>";
									
}

document.getElementByTagName("aside")[0].innerHTML = ratingReport;

Thanks

modified 1-Dec-18 21:22pm.

Re: Error on line 45

ZurdoDev4-Dec-18 2:29

data transfer in two dimensional array format

4-Dec-18 2:29

This is very easy to fix. Put a breakpoint in the code, then run it, and see what is happening. Then you can fix it.

Everyone is born right handed. Only the strongest overcome it.

Fight for left-handed rights and hand equality.

Re: Error on line 45

maryam.saboor4-Dec-18 23:54

maryam.saboor

4-Dec-18 23:54

hi I think the problem is your 'for' loop variable names. as you see the first and second 'for' loop variable is "i", change the second one to some thing like "j" an have a try Wink | ;)

Member 1406088822-Nov-18 20:31

Member 14060888

22-Nov-18 20:31

My Question is: - How to Pass two dimensional array in javascript from view to controller in mvc when row is 2 but coloumn is n number(coloumn dynamically can be increase).

Re: data transfer in two dimensional array format

ZurdoDev4-Dec-18 2:29

unexpected result function autocomplete() Jquery

4-Dec-18 2:29

You have several steps you need to do. Where exactly are you stuck?

Everyone is born right handed. Only the strongest overcome it.

Fight for left-handed rights and hand equality.

Javascript syntax

ghazabaz22-Nov-18 15:48

ghazabaz

22-Nov-18 15:48

Hey guys,

I need assistance with 2 blocks of code that I am getting error. Here they are:

var gameReport = "<h1>" + itemTitle + "</h1>" +
        "<h2>By:" + itemManufacturer + "</h2>" +
                 // also getting an error below here at the img section
				 "<img src="hg_id.png" alt="id" id=" + gameImg + " />" +
				 "<table>" 
				   "<tr><th>Product ID</th><td>" + itemID + "</td></tr>" +
				   "<tr><th>List Price</th><td>" + itemPrice + "</td></tr>" +
				   "<tr>Platform</th><td>" + itemPlatform + "</td></tr>" +
				   "<tr><th>ESRB Rating</th><td>" + itemESRB + "</td></tr>" +
				   "<tr><th>Condition</th><td>" + itemCondition + "</td></tr>" +
				   "<tr><th>Release</th><td>" + itemRelease + "</td></tr>" +
				 "</table>" +
				  itemSummary; // is this the correct method for inserting variable?

And this:

for (var i = 0; i < 3; i++) {

// getting a "missing semicolon" error below
ratingReport += "<div class="review"><h1>" + ratingTitles + "</h1><table><tr><th>By</th><td>" + ratingAuthors + "</td></tr><tr><th>Review Date</th><td>" +ratingDate+   "</td></tr>""<tr><th>Rating</th><td>";
					for (var i = 1; i < ratingsAvg.length; i++) {
						ratingReport += "<img src="hg_star.png" />"; // also getting an error here at the img section
					}
					
					ratingReport += "</td></tr</table>" + ratingSummaries + "</div>";

//thanks 
								
}

Thanks for any help Thumbs Up | :thumbsup:

Re: Javascript syntax

Graham Breach22-Nov-18 21:36

Graham Breach

22-Nov-18 21:36

The syntax highlighting should have given you a clue - you need to escape quotes inside the string or use single quotes as well as double quotes.

JavaScript

var escaped = "<img src=\"an_image.png\">";
var single_quotes = '<img src="another_image.png">';

You should also check that you have your "+" symbols everywhere you need them - there is one missing after the opening <table> element.

Re: Javascript syntax

NithyaKumarJai25-Nov-18 18:23

NithyaKumarJai

25-Nov-18 18:23

// also getting an error below here at the img section
                "<img src="hg_id.png" alt="id" id=" + gameImg + " />" +

IF you are using for loop id need to unique value

serenimus21-Nov-18 7:15

Re: unexpected result function autocomplete() Jquery

21-Nov-18 7:15

Hallo!

I have a textbox , (made with Zendform), and y load the results of an array in this textbox with the autocomplete();
function , this was performing as expected a few days ago, but today the result is disgusting..the results appear by the textbox this way:

.Galicia
.Asturias
.[...]

this function its asociated with a"keyup" event...please any idea of what could be wrong??, I executed in Chrome, and the compilator, shows no errors... OMG | :OMG:

thanks!!

so let´s go to the code

$(document).ready(function(){

var comunidades=[
"Galicia",
"Asturias",
"Cantabria",
"Islas Baleares"
];

<pre> $("#comu").keyup(function(){
$(this).autocomplete({
source:comunidades
});

});
</pre>

<pre>
<label>Comunidad</label>

<?php
$fComu=$formNewClienteHotel->get("comunidad");
echo $this->formInput($fComu);
?>
</pre>

This is the class where the Form is declared:

<?php

namespace Alta\Form;

use Zend\Form\Form;
use Zend\Form\Factory;
use Zend\Form\Element;

//use Zend\Form\Element\Select;


class FormNewClienteHotel extends Form
{
	
	public function __construct($name=null) {
		parent::__construct($name);
		
		
		
		$this->setAttributes(array(
			'action'=>'',
			'method'=>'post'
		));
		
		$this->add(array(
			'name'=>'comunidad',
			'attributes'=>array(
			'type'=>'text',
			'required'=>'required',
			'id'=>'comu',
			
			)
		));

Richard Deeming21-Nov-18 8:16

Richard Deeming

21-Nov-18 8:16

Calling autocomplete on every key press will most likely cause problems. You would normally only call the autocomplete function once:

JavaScript

$(function(){
    var comunidades = [
        "Galicia",
        "Asturias",
        "Cantabria",
        "Islas Baleares"
    ];
    
    $("#comu").autocomplete({
        source: comunidades
    });
});

If that doesn't work, then you'll need to tell us which autocomplete library you're using.

NB: $(document).ready(...) is deprecated:

.ready() | jQuery API Documentation[^]:
jQuery offers several ways to attach a function that will run when the DOM is ready. All of the following syntaxes are equivalent:

$( handler )
$( document ).ready( handler )
$( "document" ).ready( handler )
$( "img" ).ready( handler )
$().ready( handler )

As of jQuery 3.0, only the first syntax is recommended; the other syntaxes still work but are deprecated.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: unexpected result function autocomplete() Jquery

serenimus22-Nov-18 6:11

Re: unexpected result function autocomplete() Jquery

22-Nov-18 6:11

Hallo!!

thanks a lot, for your prompt reply, so, I followed your advices, but it doesn´t work.. Sigh | :sigh:

$(window).on("load",function(e){

var comunidades=[
"Galicia",
"Asturias",
"Cantabria",
"Euskadi"]

$("#comu").autocomplete({
source:comunidades
});

});

"If that doesn't work, then you'll need to tell us which autocomplete library you're using"

?>

Thank u!!! Smile | :)

serenimus22-Nov-18 6:13

Re: unexpected result function autocomplete() Jquery

22-Nov-18 6:13

Uppss!!

I forgot to add tue links to the Jquery Library...

?>
<html>
	<head>		
		<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>
	</head>

Richard Deeming22-Nov-18 8:41

Richard Deeming

22-Nov-18 8:41

JavaScript

$(function(){
    var comunidades = [
        "Galicia",
        "Asturias",
        "Cantabria",
        "Euskadi"
    ];
    
    $("#comu").autocomplete({
        source: comunidades
    });
});

Assuming you have an <input> with id="comu" somewhere in your document, and you've linked to the jQuery UI CSS[^] as well as the scripts, that should work. It's virtually identical to the first example on the jQuery UI site[^].

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Re: unexpected result function autocomplete() Jquery

serenimus1-Dec-18 0:19