[php] modificare elementi con un id e class

thaiboxer89

Salve a tutti! con tiny editor sul mio sito, sto dando un'opportunità di crearsi uno slider da inserire nella propria pagina, una volta inserito tutti i dati nel db come anteprima su tiny editor lascio un'immagine con scritto slider, in cui avrà l'id dello slider e una classe my slider, ad esempio su tiny editor avrò

Codice: Seleziona tutto

<img id="6" class="myslider" src="functioneditor/anteprimaSlider.jpg">

e voglio che all'interno della propria pagina utente ad esempio stampi il seguente slider

Codice: Seleziona tutto

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <style>
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }
  </style>
</head>
<body>

<div class="container">
  <br>
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="img_chania.jpg" alt="Chania" width="460" height="345">
      </div>

      <div class="item">
        <img src="img_chania2.jpg" alt="Chania" width="460" height="345">
      </div>
    
      <div class="item">
        <img src="img_flower.jpg" alt="Flower" width="460" height="345">
      </div>

      <div class="item">
        <img src="img_flower2.jpg" alt="Flower" width="460" height="345">
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>

</body>
</html>

, quello che mi servirebbe a me è una funziona che quando và a leggere prima di inserire nel db tutto il contenuto, cerchi le foto con class="myslider" e sostituisca il tutto con il div dello slider e con le interrogazioni nel db vado a inserirci le immagini scelte dall'utente

melfnt · Messaggio da **melfnt** » lunedì 20 giugno 2016, 20:28

Non ho capito, il php deve cercare nell'html da lui stesso generato? Non dovresti invece tenerti dei dati più strutturati, magari già nel db?

Oppure l'utente si scrive da solo l'html? In quel caso è legittimo parsarlo, prova a guardarti questo oppure usa javascript.

(;

Messaggio da **Zoff** » martedì 21 giugno 2016, 13:17

Puoi usare pquery: https://github.com/bariew/phpquery

Doc per replace: https://code.google.com/archive/p/phpqu ... #Replacing

Forum Ubuntu-it