Home/ Questions/Q 8235541
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T18:50:44+00:00

I have an array of various input boxes, that when filled, fills up the

  • 0

I have an array of various input boxes, that when filled, fills up the database with information. Then, from another file, I take the information and print it out to the screen.

What I want to do is to put a symbol in front of each line, however using something like .style br {}; doesn’t seem to work.

Reading the from MySQL, using WordPress if that matters.

EDIT:

I was asked to post how I want it to look like. I think this is pretty straight-forward, but here it is anyway:

@ Entry1
@ Entry2
@ Entry3

EDIT #2:

I would prefer it to be in CSS, if that’s not possible, then PHP. Javascript would be the last solution that I want.

I have tried the following and it didn’t work at all:

.myform.lines br {
    border-bottom: 1px dashed #000000;
    background-color: #ffffff;
    display: block;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hi have a look at Can you target <br /> with css?

    I tried the following html page:

    <html><head><title>Test</title>
</head><body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('br').replaceWith('<br>@ ');
});
</script>
hi<br>
there<br>
testing<p>
again<p>
</body></html>

    This results in

    hi
@ there
@ testing

again

    Here is some more code that also does basically the same thing – it adds a symbol (@) at the start of each line (assuming new lines follow a br).

    <html><head><title>test2</title>
<script type="text/javascript">
function replaceLineBreaksWithHorizontalRulesInElement(element)
{
    elems = element.getElementsByTagName( 'br' );
    for ( var i = 0; i < elems.length; i ++ )
    {
        br = elems.item( i );
        txt = document.createTextNode("@ ");
        br.parentNode.insertBefore(txt, br.nextSibling);
    }
}
</script>
</head>
<body onload="replaceLineBreaksWithHorizontalRulesInElement(document)">
testing<br>
one<br>
two<br>
three<br>
four<br>
five<p>
six<p>
</body></html>

    Note that this does work in both firefox and internet explorer giving the same results. If you remove the space however then firefox shows a space anyway, and internet explorer shows no space. I think this won’t be an issue for you though, since you want the space.

    • 0