Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/10/2012, 11:17
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 3 meses
Puntos: 9
Pregunta Importar archivos .html en un .php

Buenos días para todos
Bueno tengo un problema que es mas complicado explicarlo que su misma solución...jejeje...creo yo.

Tengo un index.php, en el importo 5 archivos .html y hasta ahí todo muy bien, me funciona correctamente.

en los .html no le pongo ningún estilo .css ni los multiples efectos jQuery y demás que utilizo pues todo eso está en el index.php, así me funciona bien el problema esta cuando abro por aparte los .html, lógico se me ven mal y no me funciona ningún efecto jQuery y se ve mal pues tampoco tiene ningún estilo .css.

Claro todos dirán, pues pon todo en los .html y así funciona bien, pero no...ooo sorpresa cuando se importan los .html al índex.php no se ve ninguna imagen.

Todos dirán aaa es problema de rutas yyy no pues si abro por a parte los .html se ven bien y me funcionan todos los efectos jQuery.

El asunto es que como hago para que cuando yo abra los .html por aparte o adentro de índex.php se vean todas las imágenes.

Muestro como tengo el index.php, como cargo los .html que se me ven bien, pero que si abro por aparte los .html no pues adentro de los .html no tiene ningún estilo ni efecto jQuery:


estilos
Código HTML:
Ver original
  1. <link href="css/estilo1.css" rel="stylesheet" type="text/css" />
  2. <link href="css/estilos2.css" rel="stylesheet" type="text/css" />
  3. <link href="css/estilo3.css" rel="stylesheet" type="text/css" />
  4. <link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" media="screen" type="text/css" />
  5. <link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" media="screen" type="text/css" />


Librerías
Código Javascript:
Ver original
  1. <script type="text/javascript" src="js/prototype.js"></script>
  2. <script type="text/javascript" src="js/effects.js"></script>
  3. <script type="text/javascript" src="js/accordion.js"></script>
  4.  
  5. <script type="text/javascript" src="js/dropdown/jquery-1.6.1.min.js"></script>
  6. <script type="text/javascript" src="js/dropdown/jquery.dd.js"></script>
  7.  
  8. <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
  9.  
  10. <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>


Efectos
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. </script>
  4.  
  5. <script type="text/javascript">
  6. jQuery(document).ready(function(){
  7. jQuery(".abrir_formulario_contacto").fancybox({
  8. 'autoScale'         : false,
  9. 'transitionIn'      : 'none',
  10. 'transitionOut'     : 'none',
  11. 'width'             : 460,
  12. 'height'            : 450,
  13. 'type'              : 'iframe'
  14. });
  15. });
  16. </script>
  17.  
  18.  
  19. <script type="text/javascript">
  20. jQuery(document).ready(function() {
  21.    
  22. jQuery("a#inline").fancybox({
  23. 'hideOnContentClick': true,
  24. 'overlayColor'      : '#000000',
  25. 'overlayOpacity'    : 0.8
  26. });
  27. });
  28. </script>
  29.  
  30.  
  31.  
  32. <script type="text/javascript">
  33. jQuery(document).ready(function(){
  34. jQuery(".galerias").fancybox({ });
  35. });
  36. </script>
  37.  
  38. <script type="text/javascript">
  39. $(document).ready(function() {
  40. /*
  41. *  Simple image gallery. Uses default settings
  42. */
  43. jQuery('.fancybox').fancybox();
  44.  
  45. });
  46. </script>
  47.  
  48. <script type="text/javascript">
  49. Event.observe(window, 'load', loadAccordions, false);
  50.        
  51. function loadAccordions() {
  52.                    
  53. var nestedVerticalAccordion = new accordion('contenedor', {
  54. classNames : {
  55. toggle : 'bloque_activador_A',
  56. toggleActive : 'bloque_activador_activo_A',
  57. content : 'bloque_contenido'
  58. }
  59. });
  60.            
  61. bottomAccordion.activate($$('#contenedor .accordion_toggle')[0]);
  62.  
  63. }
  64. </script>
  65.  
  66. <script type="text/javascript">
  67. jQuery(document).ready(function() {
  68.  
  69. try {
  70. oHandler = jQuery("#websites2").msDropDown({mainCSS:'dd2'}).data("dd");
  71. //alert($.msDropDown.version);
  72. //$.msDropDown.create("body select");
  73. jQuery("#ver").html($.msDropDown.version);
  74. } catch(e) {
  75. //alert("Error: "+e.message);
  76. }
  77. })
  78. </script>
  79.  
  80. <script language="JavaScript" type="text/javascript">
  81. function irA(url){
  82. location.href = url;
  83. }
  84. </script>

Así cargo los .html sobre el índex.php

Código PHP:
Ver original
  1. <?php include("carpeta1/carpeta2/archivo1.html"); ?>

Como digo funciona bien pero si abro por aparte los .html por obvias razonas no funciona nada pues no tienen ningún estilo ni librerías, si traslado todo no se porque no se ven las imágenes cuando se carga sobre el índex.php, pero si se ven cuando cargo sólo los .html

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario