height eines paraphs automatisch ermitteln ?

C

Code46

Erfahrenes Mitglied
Hi Leute,
versuche gerade die maximale größe eines paragraphs zu ermitteln um die Hintergrundbox zu vergrößern. Habt ihr vielleicht eine Ahnung wie ich das machen könnte. Habe hier mal etwas versucht aber es funktionert irgendwie nicht. Blick da irgendwie nicht mehr durch.

Danke

CSS: 
.alert-gen{
   text-align: left; 
   padding: 1em;
}
HTML: 
<div class="row answers">
   <div class="col-md-4 alert-danger alert-gen">
       <p>Inadequate</p>
       <p>Staff have access to their LSCB guidance but are not clear about their responsibilities or there is no coordinated approach to dealing with concerns. Inconsistent supervision arrangements. Policy in place but is not adhered to. No systems are in place to ensure that senior managers’ commitment is understood by staff within the organisation.</p>
   </div>                            
</div>
Javascript: 
$(".row.answers").each(function() {
   var maxHeight = 0;
   console.log("Starting loop");
   var childAlert = $(this).children(".alert-gen");
   console.log("Children: " + childAlert.length);
   childAlert.each(function() {
      var height = $(this).css("height");
      var height = parseInt($(this).css("height"));
      console.log("Height is" + height);
      if (height > maxHeight)
         maxHeight = height;
      });
      console.log("Max height is: " + maxHeight);
      childAlert.each(function() {
         $(this).height(maxHeight);
      });
});
 
Zuletzt bearbeitet von einem Moderator:
Hi,

wenn du meinst, dass die Höhe der Elemente mit der Klasse alert-gen häufiger vorkommen und deren Höhe sich jeweils am höchsten orientieren soll, leistet das dein Script schon.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>tutorials.de</title>
<meta name="author" content="Quaese">
<style>
.row.answers{
    width: 500px;
}
.alert-gen{
    border: 1px solid #f00;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".row.answers").each(function() {
       var maxHeight = 0;
       console.log("Starting loop");
       var childAlert = $(this).children(".alert-gen");
       console.log("Children: " + childAlert.length);

       childAlert.each(function() {
          var height = $(this).css("height");
          var height = parseInt($(this).css("height"));

          console.log("Height is" + height);

          if (height > maxHeight)
             maxHeight = height;
          });

          console.log("Max height is: " + maxHeight);

          childAlert.each(function() {
             $(this).height(maxHeight);
          });
    });
})
</script>
</head>
<body>
<div class="row answers">
   <div class="col-md-4 alert-danger alert-gen">
       <p>Inadequate</p>
       <p>Staff have access to their LSCB guidance but are not clear about their responsibilities or there is no coordinated approach to dealing with concerns. Inconsistent supervision arrangements. Policy in place but is not adhered to. No systems are in place to ensure that senior managers’ commitment is understood by staff within the organisation.</p>
   </div>
   <div class="col-md-4 alert-danger alert-gen">
       <p>Inadequate</p>
       <p>Staff have access to their LSCB guidance but are not clear about their responsibilities or there is no coordinated approach to dealing with concerns. Inconsistent supervision arrangements.</p>
   </div>
   <div class="col-md-4 alert-danger alert-gen">
       <p>Inadequate</p>
       <p>Staff have access to their LSCB guidance but are not clear about.</p>
   </div>
</div>
</body>
</html>
Andernfalls solltest du dein Problem nochmal eindeutiger und ausführlicher beschreiben und entsprechend mehr HTML Code liefern.

Ciao
Quaese
 
Hi,
wenn du meinst, dass die Höhe der Elemente mit der Klasse alert-gen häufiger vorkommen und deren Höhe sich jeweils am höchsten orientieren soll, leistet das dein Script schon.
Zum Vergrößern anklicken....
Hatte nichts geschrieben gehabt weil ich dachte ich find den Fehler einfach nicht.
Da hab ich mein Können wohl etwas unterschätzt :).

Grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück