Why an image map doesn't be presented when a radio button otion changes accordingly with the code?

Hi Experts!

Could you check what could going wrong in this page

First it presents correctly the default map and the radio button default:
img001
But, after that if changes the radio button to present another map the initial map disapear and no other is presented
img02
If the code runs outside this structure, runs very well

But when embeded in this page it desn't run.

<!doctype html>

<html>
<head>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />


<style type="text/css">
.map-frame {
  display: none;
  height:300px;
  width:800px;
}
</style>

</head>

<body>
<br/><div id="container_principal">
	<div class="row font">
		<div class="col-md-12">
            <div class="col-md-3">
            <img class="img-responsive" src="<?php echo base_url('xxxxxs/xxx/xxxxxxxxs.jpg')?>" alt="ppais" title="PPAIS"/>
            </div><br/><br/>
            <div class="col-md-9">
        		<h3><b>&nbsp;&nbsp;&nbsp;PPAIS - <b style="font-size:18px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">Programa Paulista da Agricultura de Interesse Social</b></b> </h3><hr class="hr_titulos"/>
            </div>
        <br/><br/><br/><br/><br/>
        <h5><b>O QUE É ?</b></h5>

<p style="text-align:justify">Criado pelo Governo do Estado pelo meio da Lei 14.591, de 14 de outubro de 2011, o Programa Paulista da Agricultura de Interesse Social - PPAIS é uma ação do Governo do Estado de São Paulo que visa estimular a produção e garantir a comercialização dos produtos da agricultura familiar. O Programa faz com que o Estado se torne o principal comprador dos produtos da agricultura familiar, permitindo a melhora da qualidade de vida dos que trabalham no campo.</p>
<div class="alert alert-danger">
 <h5><b>CHAMADAS PÚBLICAS DO PPAIS</b></h5>
 	<table  class="paginacao table table-hover datas">
    	<thead>
            <tr>
                <th>Chamada</th>
                <th>Abertura</th>
                <th>Fechamento</th>
            </tr>
        </thead>
        <ul class="paginacao">        



        <tr>
        	<td><li><b><a href="<?php echo base_url('xxxxxxxx/xxx/xxxxxxxx/xxxxs/Pxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx2.2015_P_90.2015-MIRII.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria ASP Lindolfo Ter&ccedil;ariol Filho de Mirand&oacute;polis</a></b></li></td>
            <td>16/11/2015</td>
            <td>30/11/2015</td>
        </tr>


        <tr>
        	<td><li><b><a href="<?php echo base_url('xxxxxxxs/xxx/xxxxxxxs/xxxxs/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.15-PPB.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria S&iacute;lvio Yoshihiko Hinohara de Presidente Bernardes</a></b></li></td>
            <td>13/11/2015</td>
            <td>30/11/2015</td>
        </tr>


     </ul>
 </table>
</div>
	
		<h5><b>CIDADES COM CHAMADAS PÚBLICAS - coloque o cursor do mouse sobre o &iacute;cone e clique.</b></h5>	<hr class="hr_titulos"/>
         
          <!--EF Set 2015----------------------------------->
        <div class="wrapper"> 
        <div class="container"> 

        <?php $random = rand(10,1000) ?>

        <div id="todos" class="map-frame" style="display: block" align="center">  <!--A 10 -->
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/xxxxxxe.xxxxxxxc/attribution.html?q=<?php echo($random) ?>&access_token=pk.xxxxxxxxx'></iframe>
        </div>

        <div id="pnae" class="map-frame"> 
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/xxxxxxx.xxxxxxxx/attribution.html?q=<?php echo($random) ?>&access_token=pk.xxxxxxxA'></iframe>
        </div>

        <div id="ppais" class="map-frame"> 
           <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o30822h8/attribution.html?q=<?php echo($random) ?>&access_token=pk.xxxxxxxxxxxA'></iframe>
        </div>


       <br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
       
           
       <input type="radio" name="editList" data-target="todos" class="map-select" checked="checked"/>TODOS 
       <input type="radio" name="editList" data-target="pnae" class="map-select"/>PNAE
       <input type="radio" name="editList" data-target="ppais" class="map-select"/>PPAIS

       </div> 
       </div>  
    
      <br /> <br /> <br />
        
     <!--iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o30822h8/attribution.html?access_token=pk.eyJ1IjoiZWZ1ZXJ0ZSIsImEiOiJjaWVwcHhuOWkwMDFpd2drbWtmcHlrNTI0In0.Bx7VRSAwHbuEQtGyYiugBA'></iframe-->
   
    
    </div><br/><br/>
     <a href="" name="calendario"></a>
        <h5><b>FIQUE ATENTO &Agrave;S DATAS!</b></h5><hr class="hr_titulos" />
     		<?php
				//$mes= date('m');
				//$ano= date('Y'); 
				echo $this->calendar->generate($ano,$mes,$data);?><br/>
     
     
      <h5><b>CHAMADAS ENCERRADAS</b></h5><hr class="hr_titulos"/> 
      <ul class="paginacao rolagem">
      <!--EF 2015----------------------------------->


      <li><b><a href="<?php echo base_url('xxxxxxxx/xxa/xxxxxxxs/xxxis/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx15.pdf')?>" target="_blank">xxxxxxxxxxxxxxxxxxxxxx2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenciária de Assis - 13/11/2015</a></b></li>
      <li><b><a href="<?php echo base_url('xxxxxxxs/xxx/xxxxxxxx/xxxxs/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx5.pdf')?>" target="_blank">Pen_Guarei_I_Nelson_Vieira_10.11.2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenciária de Guare&iacute; II - 11/11/2015</a></b></li>
           
      <!------------------------------------------------>
      

      </ul><br/><br/>
	</div>
</div>

<script src="http://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
$(function() {
  $('.map-select').change(function() {
     var selector = '';
     $('.map-select:checked').each(function() {
        selector += $(this).data('target');
     });
     $('.map-frame').hide();
     $('#' + selector).show();
  });
});
</script>	
</body>
</html>

Open in new window


Could you point what part of the code is causing this issue?

it runs under this Codeigniter's structure
<?php

		public function compraspublicas($ano=false,$mes=false){
			$buscatesteira['buscatesteira'] = $this->home_model->getTesteira(3);
			$this->load->vars($buscatesteira);
            $data2['title'] = "ICA - COMPRAS P&Uacute;BLICAS";
        	$this->load->view('template_head',$data2);
        	$this->load->view('home/barrasp/barra.html');
        	$this->load->view('home/nome_codeagro');
        	$this->load->view('home/banner_setores');
        	
		$this->load->view('ica/menu.php');
            
            // The page above is called here:---------------------------------------
            $this->load->view('ica/compraspublicas.php',$calendardata);
            //---------------------------------------------------------------------------------
            
            
	$this->load->view('home/projetos');
       	$this->load->view('home/home_footer');
        }
        //------------------------------------------------------------------------


?>

Open in new window




Thanks in advance!
Eduardo FuerteDeveloper and AnalystAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ahmed MerghaniSoftware EngineerCommented:
Can you post the online link for this page for investigation  ??
Julian HansenCommented:
I can't see anything wrong with it based on what you posted. I saved the html file and added my own map box links and it appears to work fine it is switching between the maps without problems.

Can you describe in a bit more detail what happens (or doesn't).

Also can you check your console for errors.

Failing the above could you do a view source on your rendered page and post the resulting HTML - i.e the page that CI outputs - mask out any sensitive URL's and post that html here - I can add my own mapbox containers to test with.
Eduardo FuerteDeveloper and AnalystAuthor Commented:
Thank you for the replies.
I'm out of office until next week starts. I'm goingo to check as soon as possible.
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

Eduardo FuerteDeveloper and AnalystAuthor Commented:
Hello !

Here is the code renderized by CI  - parts of the code are supressed.  The fundamental part related to map presentation is preserved.

<!DOCTYPE html>
<html lang="pt-br">
    <head >
    <!--width=device-width ,initial-scale=1.0-->
       <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
       <meta name="viewport" content="width=450">
	  <!--<meta http-equiv="X-UA-Compatible" content="IE=8">-->
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="description" content="">
       <meta name="keywords" content="">
       <meta name="author" content="">
       <meta http-equiv="cache-control" content="no-cache" />
    	<meta http-equiv="cache-control" content="no-store" /> 
    	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    	<META HTTP-EQUIV="Expires" CONTENT="-1">
       <link rel="shortcut icon" href="http://localhost/codeagro/assets/img/favicon.ico" type="image/x-icon" />	
       <title>ICA - COMPRAS P&Uacute;BLICAS</title>
       
       <!--menu principal-->
    
        <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery1_4_2.min.js"></script>
        <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery1_8_2.min.js"></script>
        
      	<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>-->
        
        
        <!--<![if lte IE 9]-->
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-store">
		<meta http-equiv="Cache-Control" content="no-cache">
		<meta http-equiv="Expires" content="-1">
		<!--<![endif]-->
        
		<!-- IE-->
   	    <script src="http://localhost/codeagro/assets/js/html5shiv.js" type="text/javascript"></script>
        <script src="http://localhost/codeagro/assets/js/respond.min.js" type="text/javascript"></script>
        <script src="http://localhost/codeagro/assets/js/html5.js" type="text/javascript"></script> 
	    <script src="http://localhost/codeagro/assets/js/css3-mediaqueries.js"></script>  
        <!--<script src="http://localhost/codeagro/assets/js/respond.proxy.js"></script> -->
		
       <!--Banner Servicos -->
       <link rel="stylesheet" type="text/css" href="http://localhost/codeagro/assets/css/banner_servicos.css" />
      	<script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery.min.js" ></script>
	   <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery-ui.min.js" ></script>
   		
        <!--menu principal-->
       <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery.liquidcarousel.pack.js"></script>
   		
       <!--barraSP-->
       <script type="text/javascript" src="http://localhost/codeagro/assets/js/listselect.js"></script>
       <link rel="stylesheet" type="text/css" href="http://localhost/codeagro/assets/css/barra.css"  />
	   <script type="text/javascript" src="http://www.xxxxx.xx.gov.br/barrasp/js/selectbox_goto.js"></script>
      
  		<script>    
			   $(document).ready(function() {
				function add() {if($(this).val() == ''){$(this).val($(this).attr('placeholder')).addClass('placeholder');}}
				function remove() {if($(this).val() == $(this).attr('placeholder')){$(this).val('').removeClass('placeholder');}}
			if (!('placeholder' in $('<input>')[0])) { // Create a dummy element for feature detection
				$('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add); // Select the elements that have a placeholder attribute
				$('form').submit(function(){$(this).find('input[placeholder], textarea[placeholder]').each(remove);}); // Remove the placeholder text before the form is submitted
			}
		});
	</script>
     <!-- menu principal -->
       <script type="text/javascript">
 			//Associo o jQuery a uma variavél qualquer
		var xyz = jQuery.noConflict();
		xyz(document).ready(function() {
			xyz('#liquid1').liquidcarousel({height:205, duration:4, hidearrows:true});
		});
	
	</script>
</head>
   
   
    <body >

   	<div id="barrasp_global" class="nomereceita">
		<div id="barrasp_nav">
			<ul>
			</ul>
			<!--
            	Fica fora enquanto estiver no periodo eleitoral
            <form action="http://www.lo.sp.gov.br/barrasp/js/selectbox_goto.php" method="post" onsubmit="return send(this)">-->
            <form action="" method="post" onsubmit="return send(this)">
				<fieldset class="field">
					<p><label for="selectbox_goto">Destaques:</label>
						<select name="selectbox_goto" id="selectbox_goto">
							<option value="null">Destaques:</option>
						</select>
						<input type="submit" class="inputSubmit" value="OK" ></p>
					</fieldset>
				</form>
				<h1 id="barrasp_logo"><a href="http://www.saopaulo.sp.gov.br/" target="_blank" title="Governo do Estado de S&atilde;o Paulo">Portal do Governo do Estado de São Paulo</a>
				</h1>
			</div>
			
		</div>



	<div class="nomereceita">
<div class="row">
   <!-- <div class="col-md-12">-->
    	<a href="http://www.agricultura.sp.gov.br/" target="_blank"><img src="http://localhost/codeagro/assets/img/bar-const-new.jpg" id="nome_codeagro" class="img-responsive" alt="SAA-Codeagro"  /></a>
   <!-- </div>-->
</div>
</div>
<div class="fundo">

<div class="sombra">

<div class="fundo">
 <div class="row">
 	    <!--<div id="menu-codeagro" >-->
    
      <img alt="banner" src= "http://localhost/codeagro/imagens/testeira-ica59740b5529bbe6c4ee7d4080b93d1713.png" class="img-responsive bannerTesteira" />
      <ul class="text-po">
      	<div id="btnhome">
        <a  href="http://localhost/codeagro/"><img src= "http://localhost/codeagro/assets/img/btnhome.png" class="img-responsive " /></a></div>
      </ul>
        <!--<li><a href="">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        <li><a href="">&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</a></li>
      </ul>-->
      
  </div>





 <div class="row" >
 <div id="menu-codeagro" >
    	<ul class="">
          <!--<li></li>
          <li></li>
          <li></li>
          <li></li>-->


          <li ><a href='http://localhost/codeagro/icahome/institucionalHome'>INSTITUCIONAL&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a href='http://localhost/codeagro/icahome/simbolos'>&nbsp;&nbsp;&nbsp;&nbsp;SÍMBOLOS&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a href='http://localhost/codeagro/icahome/faqs'>&nbsp;&nbsp;&nbsp;&nbsp;FAQS&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a href='http://localhost/codeagro/icahome/feap'>&nbsp;&nbsp;&nbsp;&nbsp;FEAP&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a id='ativa' href='http://localhost/codeagro/icahome/compraspublicas'>&nbsp;&nbsp;&nbsp;&nbsp;COMPRAS P&Uacute;BLICAS&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a href='http://localhost/codeagro/icahome/contatoHome'>&nbsp;&nbsp;&nbsp;&nbsp;CONTATO&nbsp;&nbsp;&nbsp;&nbsp;</a></li><li ><a href='http://localhost/codeagro/icahome/publicacoes'>&nbsp;&nbsp;&nbsp;&nbsp;PUBLICAÇÕES&nbsp;&nbsp;&nbsp;&nbsp;</a></li>        
         </ul>

  </div>
</div>
    </div>
    </div>
   	</div>
    </div>
    </div>
    <div class="sombra"><!--- google analytics ----->

<!doctype html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/custom.css" rel="stylesheet" />
<style type="text/css">
.map-frame {
  display: none;
  height:300px;
  width:800px;
}
</style>

</head>

<body>
<br/><div id="container_principal">
	<div class="row font">
		<div class="col-md-12">
            <div class="col-md-3">
            <img class="img-responsive" src="http://localhost/codeagro/assets/img/logoppais.jpg" alt="ppais" title="PPAIS"/>
            </div><br/><br/>
            <div class="col-md-9">
        		<h3><b>&nbsp;&nbsp;&nbsp;PPAIS - <b style="font-size:18px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">Programa Paulista da Agricultura de Interesse Social</b></b> </h3><hr class="hr_titulos"/>
            </div>
        <br/><br/><br/><br/><br/>
        <h5><b>O QUE � ?</b></h5>

<p style="text-align:justify">Criado pelo G... qualidade de vida dos que trabalham no campo.</p>
<div class="alert alert-danger">
 <h5><b>CHAMADAS P�BLICAS DO PPAIS</b></h5>
 	<table  class="paginacao table table-hover datas">
    	<thead>
            <tr>
                <th>Chamada</th>
                <th>Abertura</th>
                <th>Fechamento</th>
            </tr>
        </thead>
        <ul class="paginacao">        

        <tr>
        	<td><li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Mirand�polis_ASP_Lindolfo_Tercariol_Filho_30.11.2015_C002.2015_P_90.2015-MIRII.pdf" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria ASP Lindolfo Ter&ccedil;ariol Filho de Mirand&oacute;polis</a></b></li></td>
            <td>16/11/2015</td>
            <td>30/11/2015</td>
        </tr>
     </ul>
 </table>
</div>
	
		<h5><b>CIDADES COM CHAMADAS P�BLICAS - coloque o cursor do mouse sobre o &iacute;cone e clique.</b></h5>	<hr class="hr_titulos"/>
         
          <!--EF Set 2015----------------------------------->


        <div class="wrapper"> 
        <div class="container"> 

        
        <div id="todos" class="map-frame" style="display: block" align="center">  
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.xxxxxxxx/attribution.html?q=845&access_token=pk.xxxxxxxxxxxxxxxxxxxxxxxxxx.xxxxxxxxxxxxxxxxxxxxxA'></iframe>
        </div>

        <div id="pnae" class="map-frame"> 
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o361e76o/attribution.html?q=845&access_token=pk.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.xxxxxxxxxxxxxxxxxxxxxx'></iframe>
        </div>

        <div id="ppais" class="map-frame"> 
           <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o30822h8/attribution.html?q=845&access_token=pk.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.xxxxxxxxxxxxxxxxxxxxx'></iframe>
        </div>


       <br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

           
       <input type="radio" name="editList" data-target="todos" class="map-select" checked="checked"/>TODOS 
       <input type="radio" name="editList" data-target="pnae" class="map-select"/>PNAE
       <input type="radio" name="editList" data-target="ppais" class="map-select"/>PPAIS

       </div> 
       </div>  
    
      <br /> <br /> <br />
    </div><br/><br/>
     
     
      <h5><b>CHAMADAS ENCERRADAS</b></h5><hr class="hr_titulos"/> 
      <ul class="paginacao rolagem">
      <!--EF 2015----------------------------------->


      <li><b><a href="http://localhost/xxxxxxxx/xxxxxxxx/xxx/xxxxxxxx/xxxxx/Pen_Assis_13.11.2015_C003.2015_P183.2015.pdf" target="_blank">Pen_Guarei_I_Nelson_Vieira_10.11.2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci�ria de Assis - 13/11/2015</a></b></li>

      </ul><br/><br/>
	</div>
</div>


<script src="http://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
$(function() {
  $('.map-select').change(function() {
     var selector = '';
     $('.map-select:checked').each(function() {
        selector += $(this).data('target');
     });
     $('.map-frame').hide();
     $('#' + selector).show();
  });
});
</script>
</body>
</html>    </div>

<div class="fundo_projetos">
<div class="sombra fundo_projetos">
<div id="projetos" >
<br/>
		
		<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js"></script>-->
       
        <script src="http://localhost/codeagro/assets/js/js-home_footer/jquery.min.js"></script>
        <script src="http://localhost/codeagro/assets/js/js-home_footer/jquery-ui.min.js"></script>
        <script src="http://localhost/codeagro/assets/js/js-home_footer/lodash.min.js"></script>
        
        <script src="http://localhost/codeagro/assets/js/bootstrapmin.js"></script>
        <script src="http://localhost/codeagro/assets/js/custom.js"></script>
        
       <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery.min.js" ></script>
       <!------------------------------------ FAQS ICA----------------------------------------->
       <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>-->
       <!--------------------------------------------------------------------------------------->
      
       
	  	<script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery-ui.min.js" ></script>
       
		<!---->
        
       
    		</div>
           </div>
          
           <div class="panel-footer">
           
           <img class="img-responsive foto-rodape" style="margin:auto;" src="http://localhost/codeagro/assets/img/barra.png"/>
	  	   </div>
	  	
        </div>
        </div>
        </div >
        
    </body>
</html>

Open in new window

Julian HansenCommented:
The problem is your page is full of javascript errors.

Here are some of the issues.
You are including multiple versions of jQuery and sometimes including the same library twice. There are points where you include jQuery - jQueryUI is also included multiple times.

I took your source, replaced the iframe src urls with my own mapbox urls, removed all references to jquery except 1 - it works fine. You can see it working here

Check for errors in your console.
Eduardo FuerteDeveloper and AnalystAuthor Commented:
Thanks
Since the code was mounted with a sequence of 'views' pages, I'm carefully checking where the errors and incompatibilities are generated.
Eduardo FuerteDeveloper and AnalystAuthor Commented:
After checking I used the same code from

/application/controllers/

/application/views/

In the first case runs ok but  it doesn't runs Ok the second case.


2nd
1st
The code
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <style type="text/css">
        .map-frame {
        display: none;
        height:600px;
        width:800px;
}
    </style>


<br/><div id="container_principal">
	<div class="row font">
		<div class="col-md-12">
            <div class="col-md-3">
            <img class="img-responsive" src="http://localhost/codeagro/assets/img/logoppais.jpg" alt="ppais" title="PPAIS"/>
            </div><br/><br/>
            <div class="col-md-9">
        		<h3><b>&nbsp;&nbsp;&nbsp;PPAIS - <b style="font-size:18px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">Programa Paulista da Agricultura de Interesse Social</b></b> </h3><hr class="hr_titulos"/>
            </div>
        <br/><br/><br/><br/><br/>
        <h5><b>O QUE ? ?</b></h5>

<p style="text-align:justify">Criado pelo xxxxxxxxxoutubro de 2011, o Programa Paulista da Agricultura de Interesse Social - PPAIS ? uma a??o do Governo do ccccc que visa estimular a produ??o e garantir a comercializa??o dos produtos da agricultura familiar. O Programa faz com que o Estado se torne o principal comprador dos produtos da agricultura familiar, permitindo a melhora da qualidade de vida dos que trabalham no campo.</p>
<div class="alert alert-danger">
 <h5><b>CHAMADAS P?BLICAS DO PPAIS</b></h5>
 	<table  class="paginacao table table-hover datas">
    	<thead>
            <tr>
                <th>Chamada</th>
                <th>Abertura</th>
                <th>Fechamento</th>
            </tr>
        </thead>
        <ul class="paginacao">        



        <tr>
        	<td><li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Mirand?polis_ASP_Lindolfo_Tercariol_Filho_30.11.2015_C002.2015_P_90.2015-MIRII.pdf" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria ASP Lindolfo Ter&ccedil;ariol Filho de Mirand&oacute;polis</a></b></li></td>
            <td>16/11/2015</td>
            <td>30/11/2015</td>
        </tr>


        <tr>
        	<td><li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Presidente_Bernardes_30.11.2015_C003.15-PPB P266.15-PPB.pdf" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria S&iacute;lvio Yoshihiko Hinohara de Presidente Bernardes</a></b></li></td>
            <td>13/11/2015</td>
            <td>30/11/2015</td>
        </tr>

        <tr>
        	<td><li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Fem_Tupi_Paulista_30.11.2015_C003.15-PFT_P622.15-PFT.pdf" target="_blank">Credenciamento de Agricultores Familiares da Penitenci&aacute;ria Feminina de Tupi Paulista</a></b></li></td>
            <td>16/11/2015</td>
            <td>30/11/2015</td>
        </tr>



     </ul>
 </table>
</div>
	
		<h5><b>CIDADES COM CHAMADAS P?BLICAS - coloque o cursor do mouse sobre o &iacute;cone e clique.</b></h5>	<hr class="hr_titulos"/>
         
          <!--EF Set 2015----------------------------------->
        <div class="wrapper"> 
        <div class="container"> 

        
        <div id="todos" class="map-frame" style="display: block" align="center"> 
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o73j9b0c/attribution.html?q=912&access_token=pk.xxxxx'></iframe>
        </div>

        <div id="pnae" class="map-frame" align="center"> 
            <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o361e76o/attribution.html?q=912&access_token=pk.xxxx'></iframe>
        </div>

        <div id="ppais" class="map-frame" align="center"> 
           <iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o30822h8/attribution.html?q=912&access_token=pk.xxxx'></iframe>
        </div>

       <input type="radio" name="editList" data-target="todos" class="map-select" checked="checked"/>TODOS 
       <input type="radio" name="editList" data-target="pnae" class="map-select"/>PNAE
       <input type="radio" name="editList" data-target="ppais" class="map-select"/>PPAIS

       </div> 
       </div>  
    
     <!--iframe width='105%' height='600px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/efuerte.o30822h8/attribution.html?access_token=pk.eyJ1IjoiZWZ1ZXJ0ZSIsImEiOiJjaWVwcHhuOWkwMDFpd2drbWtmcHlrNTI0In0.Bx7VRSAwHbuEQtGyYiugBA'></iframe-->
   
    
    </div><br/><br/>
     <a href="" name="calendario"></a>
        <h5><b>FIQUE ATENTO &Agrave;S DATAS!</b></h5><hr class="hr_titulos" />
     		<table border="0" cellpadding="0" cellspacing="0" class="agenda_ppais">

<tr>
<th colspan="7" class="mes_ano">Novembro&nbsp;2015</th>

</tr>

<tr>
<td class="dias_semana_ppais"><b>S</b></td><td class="dias_semana_ppais"><b>T</b></td><td class="dias_semana_ppais"><b>Q</b></td><td class="dias_semana_ppais"><b>Q</b></td><td class="dias_semana_ppais"><b>S</b></td><td class="dias_semana_ppais"><b>S</b></td><td class="dias_semana_ppais"><b>D</b></td>
</tr>

<tr class="dias_ppais">
<td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class=""><div class="dia_numeros_ppais">
                         1 
                   </div></td>
</tr>

<tr class="dias_ppais">
<td class=""><div class="dia_numeros_ppais">
                         2 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         3 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         4 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         5 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         6 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         7 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         8 
                   </div></td>
</tr>

<tr class="dias_ppais">
<td class=""><div class="dia_numeros_ppais">
                         9 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         10 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         11 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         12 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         13 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         14 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         15 
                   </div></td>
</tr>

<tr class="dias_ppais">
<td class=""><div class="dia_numeros_ppais">
                         16 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         17 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         18 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         19 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         20 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         21 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         22 
                   </div></td>
</tr>

<tr class="dias_ppais">
<td class=""> <div class="dia_numeros_ppais highlight_ppais">
                       23
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         24 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         25 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         26 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         27 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         28 
                   </div></td><td class=""><div class="dia_numeros_ppais">
                         29 
                   </div></td>
</tr>

<tr class="dias_ppais">
<td class=""><div class="dia_numeros_ppais">
                         30 
                   </div></td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td><td class="">&nbsp;</td>
</tr>

</table><br/>
     
     
      <h5><b>CHAMADAS ENCERRADAS</b></h5><hr class="hr_titulos"/> 
      <ul class="paginacao rolagem">
      <!--EF 2015----------------------------------->


      <li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Assis_13.11.2015_C003.2015_P183.2015.pdf" target="_blank">Pen_Guarei_I_Nelson_Vieira_10.11.2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci?ria de Assis - 13/11/2015</a></b></li>
      <li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Guarei_II_11.11.2015_C003.2015 P228.2015.pdf" target="_blank">Pen_Guarei_I_Nelson_Vieira_10.11.2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci?ria de Guare&iacute; II - 11/11/2015</a></b></li>
      <li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Casa_Branca_JoaquimSCintra_04.11.2015_C002.2015-PCB_P140.15-PCB.pdf" target="_blank">Pen_Guarei_I_Nelson_Vieira_10.11.2015_C003.2015 PPNV190.15.pdf')?>" target="_blank">Credenciamento de Agricultores Familiares da Penitenci?ria de Guare&iacute; I - 10/11/2015</a></b></li>
      <li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/CPP_Pacaembu_10.11.2015_C003.2015-CPPCA_P493.2015-CPPCA.pdf" target="_blank">Credenciamento de Agricultores Familiares do Centro de Progress?o Penitenci?ria de Pacaembu - 10/11/2015</a></b></li>
      <li><b><a href="http://localhost/codeagro/arquivos/ica/chamadas/ppais/Pen_Casa_Branca_JoaquimSCintra_04.11.2015_C002.2015-PCB_P140.15-PCB.pdf" target="_blank">Credenciamento de Agricultores Familiares da Penitenci?ria "Joaquim de Sylos Cintra? de Casa Branca - 04/11/2015</a></b></li>
      <!------------------------------------------------>
      

      </ul><br/><br/>
	</div>
</div>

</body>
</html>    </div>

<div class="fundo_projetos">
<div class="sombra fundo_projetos">
<div id="projetos" >
<br/>
 <div class="row" >
      <div class="col-md-2">
        <label class="label_nome">CODEAGRO</label>
       
        <div class="row">
       
           <div class="col-md-12" >
              	<a class="links" href="http://localhost/codeagro/codeagrohome/institucionalHome">Institucional</a><br/>
                <a class="links" href="http://localhost/codeagro/index/noticias">Notícias</a><br/>
                <a class="links" href="http://localhost/codeagro/codeagrohome/contatoHome">Contato</a><br/>
                <a class="links" href="http://localhost/codeagro/codeagrohome/editaisHome">Editais</a><br/>
            </div>
        </div>
      </div>
       <div class="col-md-2 text-left">
         <label class="label_nome"> ABASTECIMENTO </label>
        
        <div class="row">
          
          <div class="col-md-12">
          	 
              <a class="links" href="http://localhost/codeagro/abastecimentohome/institucionalHome ">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/abastecimentohome/contatoHome ">Contato</a><br/>
              <!--<a class="links" href="">Publicações</a><br/>-->
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <label class="label_nome" style="margin-left:20px";>  CÂMARAS SETORIAIS </label>
       
        <div class="row">
         
          <div class="col-md-12" style="margin-left:20px";>
                        <a class="links" href="http://localhost/codeagro/camarashome/institucionalHome">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/camarashome/regras">Regras Gerais</a><br/>
              <a class="links" href="http://localhost/codeagro/camarashome/agenda/2015/11">Agenda</a><br/>
              <a class="links" href="http://localhost/codeagro/camarashome/camaras">As Câmaras</a><br/>
              <a class="links" href="http://localhost/codeagro/camarashome/contatoHome">Contato</a><br/>
              <a class="links" href="http://localhost/codeagro/camarashome/publicacoes">Download</a><br/>
          </div>
        </div>
      </div>
      
      <div class="col-md-3 text-left" >
         <label class="label_nome" style="margin-left:30px";> COZINHALIMENTO </label>
        
        <div class="row" >
          
          <div class="col-md-12" style="margin-left:30px"; >
              <a class="links" href="http://localhost/codeagro/cozinhalimentohome/institucionalHome ">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/cozinhalimentohome/cursos ">Cursos</a><br/>
              <a class="links" href="http://localhost/codeagro/cozinhalimentohome/comosolicitar ">Como Solicitar</a><br/>
              <a class="links" href="http://localhost/codeagro/cozinhalimentohome/cozinhasimplantadas ">Cozinhas Implantadas</a><br/>
              <a class="links" href="http://localhost/codeagro/cozinhalimentohome/contatoHome ">Contato</a><br/>
              <!--<a class="links" href="">Publicações</a><br/>-->
          </div>
        </div>
      </div>
      <div class="col-md-2">
        <label class="label_nome">HORTALIMENTO</label>

        <div class="row">
         
          <div class="col-md-12">
              <a class="links" href="http://localhost/codeagro/hortalimentohome/institucionalHome">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/hortalimentohome/solicitarhortalimento">Como Solicitar</a><br/>
              <a class="links" href="http://localhost/codeagro/hortalimentohome/hortasImplantadas">Hortas Implantadas</a><br/>
              <a class="links" href="http://localhost/codeagro/hortalimentohome/solicitarSementes">Solicitação de Sementes</a><br/>
              <a class="links" href="http://localhost/codeagro/hortalimentohome/contatoHome">Contato</a><br/>
              <a class="links" href="http://localhost/codeagro/hortalimentohome/publicacoes">Download</a><br/>
              
          </div>
        </div>
      </div>
     
    </div>
    <br/>
    <div class="row">
      
      <div class="col-md-2">
         <label class="label_nome">CESANS </label>
       
        <div class="row">
        
          <div class="col-md-12">
          	<a class="links" href="http://localhost/codeagro/cesanshome">Home</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/institucionalHome">Institucional</a><br/>
             <a class="links" href="http://localhost/codeagro/cesanshome/noticias">Notícias</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/cursos">Cursos</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/receitas">Receitas</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/artigos">Artigos</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/contatoHome">Contato</a><br/>
            <a class="links" href="http://localhost/codeagro/cesanshome/publicacoes">Publicações</a><br/>
          </div>
        </div>
      </div>
	 <div class="col-md-2" >
         <label class="label_nome"  >ICA</label>
      
        <div class="row">
          
           <div class="col-md-12" >
                <a class="links" href="http://localhost/codeagro/icahome/institucionalHome">Institucional</a><br/>
                <!--<a class="links" href="http://localhost/codeagro/icahome/atribuicoes">Atribuições</a><br/>-->
                <a class="links" href="http://localhost/codeagro/icahome/simbolos">Símbolos</a><br/>
                <!--<a class="links" href="http://localhost/codeagro/icahome/biblioteca">Biblioteca</a><br/>
               	<a class="links" href="http://localhost/codeagro/icahome/acoes">Ações</a><br/>-->
                <a class="links" href="http://localhost/codeagro/icahome/faqs">Faqs</a><br/>
                <a class="links" href="http://localhost/codeagro/icahome/feap">FEAP</a><br/>
                
                
                <a class="links" href="http://localhost/codeagro/icahome/ppais">PPAIS</a><br/>
                <a class="links" href="http://localhost/codeagro/icahome/pnae">PNAE</a><br/>
                
                <!--EF 2015 Nov01: Modificação das apresentações (PNAE e PPAIS na mesma página e com funcionalidades extras do mapa) -->
                <a class="links" href="http://localhost/codeagro/icahome/compraspublicas">Compras P&uacute;blicas</a><br/>
                               
                
                <a class="links" href="http://localhost/codeagro/icahome/contatoHome">Contato</a><br/>
                <a class="links" href="http://localhost/codeagro/icahome/publicacoes">Publicações</a><br/>
          </div>
        </div>
      </div>
     
      <div class="col-md-3">
         <label class="label_nome" style="margin-left:20px";>SELO DE QUALIDADE</label>
       
        <div class="row">
          
           <div class="col-md-12" style="margin-left:20px";>
              <a class="links" href="http://localhost/codeagro/selohome/institucionalHome">Institucional</a><br/>
               <a class="links" href="http://localhost/codeagro/selohome/selos">Selos Certificados</a><br/>
              <a class="links" href="http://localhost/codeagro/selohome/produtos">Produtos Certificados</a><br/>
               <a class="links" href="http://localhost/codeagro/selohome/solicitarselo">Como Solicitar</a><br/>
               <a class="links" href="http://localhost/codeagro/selohome/laboratorios">Laboratórios</a><br/>
               <a class="links" href="http://localhost/codeagro/selohome/certificadoras">Certificadoras</a><br/>
             <!-- <a class="links" href="<?php// echo base_url('selohome/certificacoes');?>">Certificação</a><br/>-->
              <a class="links" href="http://localhost/codeagro/selohome/contatoHome">Contato</a><br/>
              <a class="links" href="http://localhost/codeagro/selohome/publicacoes">Download</a><br/>
             <!--<a class="links" href="http://localhost/codeagro/selohome/cadastro">Cadastro</a><br/>-->
          </div>
        </div>
      </div>
      <div class="col-md-3">
         <label class="label_nome" style="margin-left:30px";>POUPATEMPO DO PRODUTOR RURAL</label>
       
        <div class="row">
        
          <div class="col-md-12" style="margin-left:30px";>
              <a class="links" href="http://localhost/codeagro/pprhome/institucionalHome">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/pprhome/contatoHome">Contato</a><br/>
              <!--<a class="links" href="">Publicações</a><br/>-->
          </div>
        </div>
      </div>
      
      <div class="col-md-2">
        <label class="label_nome">BOM PREÇO DO AGRICULTOR </label>
        
        <div class="row">
          <div class="col-md-12">
              <a class="links" href="http://localhost/codeagro/bomprecohome/institucionalHome">Institucional</a><br/>
              <a class="links" href="http://localhost/codeagro/bomprecohome/solicitarbompreco">Como Solicitar</a><br/>
              <!--<a class="links" href="http://localhost/codeagro/bomprecohome/localizacaoHome">localização</a><br/>-->
              <a class="links" href="http://localhost/codeagro/bomprecohome/contatoHome">Contato</a><br/>
              <a class="links" href="http://localhost/codeagro/bomprecohome/publicacoes">Download</a><br/>
          </div>
        </div>
      </div>
       

    </div>
  </div><br/>
</div>


		
		<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.3.1/lodash.min.js"></script>-->
       
        <script src="http://localhost/codeagro/assets/js/js-home_footer/jquery.min.js"></script>
        <script src="http://localhost/codeagro/assets/js/js-home_footer/jquery-ui.min.js"></script>
        <script src="http://localhost/codeagro/assets/js/js-home_footer/lodash.min.js"></script>
        
        <script src="http://localhost/codeagro/assets/js/bootstrap.min.js"></script>
        <script src="http://localhost/codeagro/assets/js/custom.js"></script>
        
       <script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery.min.js" ></script>
       <!------------------------------------ FAQS ICA----------------------------------------->
       <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>-->
       <!--------------------------------------------------------------------------------------->
      
       <!--
	  	<script type="text/javascript" src="http://localhost/codeagro/assets/js/jquery-ui.min.js" ></script>
       -->
       
		<!---->
        
       
    		</div>
           </div>
          
           <div class="panel-footer">
           
           <img class="img-responsive foto-rodape" style="margin:auto;" src="http://localhost/codeagro/assets/img/barra.png"/>
	  	   </div>
	  	
        </div>
        </div>
        </div >
        
        
<script src="http://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
$(function() {
  $('.map-select').change(function() {
     var selector = '';
     $('.map-select:checked').each(function() {
        selector += $(this).data('target');
     });
     $('.map-frame').hide();
     $('#' + selector).show();
  });
});
</script>

Open in new window


The log with some observations
<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
--- OK (outside view)
DEBUG - 2015-11-23 17:53:09 --> Config Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Hooks Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Utf8 Class Initialized
DEBUG - 2015-11-23 17:53:09 --> UTF-8 Support Enabled
DEBUG - 2015-11-23 17:53:09 --> URI Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Router Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Output Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Security Class Initialized
DEBUG - 2015-11-23 17:53:09 --> Input Class Initialized
DEBUG - 2015-11-23 17:53:09 --> XSS Filtering completed
DEBUG - 2015-11-23 17:53:09 --> XSS Filtering completed
DEBUG - 2015-11-23 17:53:09 --> Global POST and COOKIE data sanitized
DEBUG - 2015-11-23 17:53:09 --> Language Class Initialized
ERROR - 2015-11-23 17:53:09 --> 404 Page Not Found --> compraspublicas/index
ERROR - 2015-11-23 17:53:09 --> Severity: Warning  --> Cannot modify header information - headers already sent by (output started at D:\wamp\www\codeagro\application\controllers\compraspublicas.php:353) D:\wamp\www\codeagro\system\core\Common.php 442
DEBUG - 2015-11-23 17:54:43 --> Config Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Hooks Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Utf8 Class Initialized
DEBUG - 2015-11-23 17:54:43 --> UTF-8 Support Enabled
DEBUG - 2015-11-23 17:54:43 --> URI Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Router Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Output Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Security Class Initialized
DEBUG - 2015-11-23 17:54:43 --> Input Class Initialized
DEBUG - 2015-11-23 17:54:43 --> XSS Filtering completed
DEBUG - 2015-11-23 17:54:43 --> XSS Filtering completed
DEBUG - 2015-11-23 17:54:43 --> Global POST and COOKIE data sanitized
DEBUG - 2015-11-23 17:54:43 --> Language Class Initialized
ERROR - 2015-11-23 17:54:43 --> 404 Page Not Found --> compraspublicas/index
ERROR - 2015-11-23 17:54:43 --> Severity: Warning  --> Cannot modify header information - headers already sent by (output started at D:\wamp\www\codeagro\application\controllers\compraspublicas.php:353) D:\wamp\www\codeagro\system\core\Common.php 442
-------- End OK  (running in  /application/controllers/)
-------  Start NOK  (running in /application/views/ - present only the 'TODOS' map) 
DEBUG - 2015-11-23 17:55:20 --> Config Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Hooks Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Utf8 Class Initialized
DEBUG - 2015-11-23 17:55:20 --> UTF-8 Support Enabled
DEBUG - 2015-11-23 17:55:20 --> URI Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Router Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Output Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Security Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Input Class Initialized
DEBUG - 2015-11-23 17:55:20 --> XSS Filtering completed
DEBUG - 2015-11-23 17:55:20 --> XSS Filtering completed
DEBUG - 2015-11-23 17:55:20 --> Global POST and COOKIE data sanitized
DEBUG - 2015-11-23 17:55:20 --> Language Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Loader Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: url_helper
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: form_helper
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: file_helper
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: array_helper
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: ckeditor_helper
DEBUG - 2015-11-23 17:55:20 --> Database Driver Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Form Validation Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Table Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Session Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Helper loaded: string_helper
DEBUG - 2015-11-23 17:55:20 --> Session routines successfully run
DEBUG - 2015-11-23 17:55:20 --> Pagination Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Controller Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Model Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Model Class Initialized
DEBUG - 2015-11-23 17:55:20 --> Model Class Initialized
DEBUG - 2015-11-23 17:55:20 --> File loaded: application/views/template_head.php
DEBUG - 2015-11-23 17:55:20 --> File loaded: application/views/home/barrasp/barra.html
DEBUG - 2015-11-23 17:55:20 --> File loaded: application/views/home/nome_codeagro.php
DEBUG - 2015-11-23 17:55:20 --> File loaded: application/views/home/banner_setores.php
DEBUG - 2015-11-23 17:55:20 --> File loaded: application/views/ica/menu.php
DEBUG - 2015-11-23 17:55:21 --> Language file loaded: language/portuguese/calendar_lang.php
DEBUG - 2015-11-23 17:55:21 --> Calendar Class Initialized
DEBUG - 2015-11-23 17:55:21 --> File loaded: application/views/ica/compraspublicas.php
DEBUG - 2015-11-23 17:55:21 --> File loaded: application/views/home/projetos.php
DEBUG - 2015-11-23 17:55:21 --> File loaded: application/views/home/home_footer.php
DEBUG - 2015-11-23 17:55:21 --> Final output sent to browser
DEBUG - 2015-11-23 17:55:21 --> Total execution time: 0.2290
--- End NOK - changing the radio button options makes no log outputs 

Open in new window





Any idea on what could make this behavior?
Julian HansenCommented:
Eduardo, you need to be my eyes - we know the code is good - so if it is not working in your page there are two potential causes

1. There is a script error - in which case it will show up in the console
2. It is a markup error - the html / javascript does not match the sample.

I can still see multiple instances of jquery being loaded.

First check your console for javascript errors.
Eduardo FuerteDeveloper and AnalystAuthor Commented:
You are completelly right


By console you mean  F12 and..

img003
ok?


But, by exclusion in the controller code, after commenting

 $this->load->view('home/home_footer');

everithing is ok...

So I went to  home_footer.php and commented this

   <!--  EF 2015 Nov01  Eliminar este trecho
        <script src="<?php echo base_url('assets/js/js-home_footer/jquery.min.js');?>"></script>
        <script src="<?php echo base_url('assets/js/js-home_footer/jquery-ui.min.js');?>"></script>
        <script src="<?php echo base_url('assets/js/js-home_footer/lodash.min.js');?>"></script>
        
        <script src="<?php echo base_url('assets/js/bootstrap.min.js') ?>"></script>
        <script src="<?php echo base_url('assets/js/custom.js') ?>"></script>
        
       <script type="text/javascript" src="<?php echo base_url('assets/js/jquery.min.js'); ?>" ></script>
       <!------------------------------------ FAQS ICA----------------------------------------->
       <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>-->
       <!--------------------------------------------------------------------------------------->
      
      -->
      
       <!--  EF 2015 Nov01
	  	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" ></script>
       -->
           

Open in new window


So everithing goes fine!

img004
Julian HansenCommented:
F12 = console - yes

If you want to save yourself a lot of headaches then proper planning and layout of javascript includes is an absolute must.

List the libraries that you need and then adopt a policy of either loading them all in the head or just before the closing body tag. The latter is preferable but if it does not work for you then the head is fine to.

Ensure that the order is correct so that scripts that require other scripts are declared afterwards.

Where possible consolidate your custom script into a single file which you include with the above.

If you have script tags scattered throughout your document with no management of what is going where you are going to end up wasting a lot of time chasing down bugs that have more to do with configuration than code.

I was not sure from your last post if things are working now?

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Eduardo FuerteDeveloper and AnalystAuthor Commented:
Julian

Yes, the issue was solved

Thank you for your assistance and dedication!

I'm carefully following your advices on where the configuration code must be placed.

A new question is going to be made covering another aspect of development.
Julian HansenCommented:
You are welcome Eduardo,
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.